/* * Unified dropdown and select styling. * * ## The actual problem * * 351 's popup is drawn by the browser/OS, not the page. On Chrome * (Windows/Linux) and Safari it ignores most author CSS and follows the used * `color-scheme`. Styling `option { background }` alone gets a dark list in * Firefox and a light one elsewhere — the exact inconsistency this is meant to * remove. `color-scheme: dark` is what makes the popup, its scrollbar, and the * native arrow render dark. * * It is set on :root as well as on controls, because a control inherits its used * color-scheme from the nearest ancestor that declares one. * * ## Cascade discipline — why only *some* rules are !important * * This deliberately does NOT !important the control's own appearance. 38 view * rules style select backgrounds intentionally, and 18 of those already use the * right token; steamrolling them would replace one inconsistency with another * and undo deliberate design work. * * !important — color-scheme, option/optgroup surfaces, focus ring. * These are the bug, plus accessibility. Nothing in any view * competes for them, and views' own