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; }
|
* { 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 {
|
html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -749,7 +753,8 @@ button.active {
|
|||||||
}
|
}
|
||||||
button.wide { width: 100%; }
|
button.wide { width: 100%; }
|
||||||
|
|
||||||
select { appearance: none; }
|
select { appearance: none; background-color: #1a1a26; }
|
||||||
|
select option { background: #1a1a26; color: #e8e8f0; }
|
||||||
|
|
||||||
.chk {
|
.chk {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
|
|||||||
Reference in new issue
Block a user