From a3991e0f926f1709e0ef4ddfac9a3910d65dc6be Mon Sep 17 00:00:00 2001 From: luciano Date: Fri, 31 Jul 2026 15:09:43 +0200 Subject: [PATCH] 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 --- src/style.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/style.css b/src/style.css index cf23feb..5f352b8 100644 --- a/src/style.css +++ b/src/style.css @@ -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;