Dark native controls: readable dropdowns on Windows

color-scheme: dark makes Chromium render the native select popups and
scrollbars dark on Windows (they defaulted to white with our light text
on top), plus explicit dark backgrounds on select/option as a fallback.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
lucianoandClaude Fable 5 committed 2026-07-31 15:09:43 +02:00
1 parent 7414dbe2ec
commit a3991e0f92
1 file changed
+6 -1
+6 -1
View File
@@ -1,5 +1,9 @@
* { box-sizing: border-box; }
/* Dark native controls: on Windows the select popup/scrollbars render WHITE
without this, with our light text on top -> unreadable dropdowns. */
:root { color-scheme: dark; }
html, body {
margin: 0;
padding: 0;
@@ -749,7 +753,8 @@ button.active {
}
button.wide { width: 100%; }
select { appearance: none; }
select { appearance: none; background-color: #1a1a26; }
select option { background: #1a1a26; color: #e8e8f0; }
.chk {
display: flex !important;