Give Native Selects Explicit Colors
MUST: Set BOTH `background-color` and `color` on every native `<select>` from your tokens (and pair them with `color-scheme` so the option popup follows) — form controls do not inherit them, so styling only the text leaves near-white on the platform's white Field background in Windows dark mode.
Set both background-color and color on every native <select>, never just one
Bad
Good
Why it matters
Form controls do not inherit `color` and `background-color` the way ordinary elements do — the browser supplies its own. Style only the text for your dark theme and the platform keeps its light Field background underneath, giving you near-white text on white: the value and every option in the popup become unreadable. This bites hardest on Windows, where the UA background is least likely to follow your theme. Declare both properties from your tokens, and pair them with `color-scheme` so the native option list is drawn dark too.
References