Set FormControl color

[simurai]

What are you trying to accomplish?

This came up in https://github.com/github/primer/discussions/1313#discussioncomment-3748057. It seems that form controls don't inherit the color and use the browser default which is #000000. This PR overrides the browser default with --color-fg-default.

What approach did you choose and why?

@mixin Field {
  color: var(--color-fg-default);

What should reviewers focus on?

Instead of adding the color to the Field mixin, we could also add it to:

css/src/forms/FormControl.scss

Lines 116 to 118 in b087282

	.FormControl-input,
	.FormControl-select,
	.FormControl-textarea {

But I thought might be good to keep fg and bg color in the same place.

Can these changes ship as is?

• Yes, this PR does not depend on additional changes. 🚢

[changeset-bot]

🦋 Changeset detected

Latest commit: 145de7e

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/css	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR