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:
1 parent
7414dbe2ec
commit
a3991e0f92
1 file changed
+6
-1
+6
-1
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user