From e1342348d122fe3da72311ff98589d9e3b0f733a Mon Sep 17 00:00:00 2001 From: blomios Date: Wed, 30 Sep 2026 17:14:05 +0200 Subject: [PATCH] fix: restore readable contrast in native select dropdowns (#7) --- public/css/main.css | 40 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) diff --git a/public/css/main.css b/public/css/main.css index dedba28..3177580 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -1702,6 +1702,44 @@ kbd { border-color: var(--color-accent); } +/* Native select popups do not consistently inherit the application theme. */ +select.source-select, +select.form-input { + color-scheme: dark; + background-color: var(--color-bg-tertiary); + color: var(--color-text-primary); +} + +select.source-select:focus, +select.form-input:focus { + border-color: var(--color-accent); +} + +select.source-select option, +select.source-select optgroup, +select.form-input option, +select.form-input optgroup { + background-color: #1a1a25; + color: #f1f1f5; +} + +select.source-select option:hover, +select.source-select option:focus, +select.source-select option:checked, +select.form-input option:hover, +select.form-input option:focus, +select.form-input option:checked { + background-color: #2a2a3a; + color: #f1f1f5; +} + +select.source-select option:disabled, +select.source-select optgroup:disabled, +select.form-input option:disabled, +select.form-input optgroup:disabled { + color: #a1a1aa; +} + /* ===================================================== Context Menu ===================================================== */ @@ -4819,4 +4857,4 @@ kbd { font-size: 0.7rem; max-width: 70px; } -} \ No newline at end of file +}