diff --git a/src/css/injected.scss b/src/css/injected.scss index 73e3d88d..bdddd50d 100644 --- a/src/css/injected.scss +++ b/src/css/injected.scss @@ -38,6 +38,21 @@ body, html { font-family: Rubik, sans-serif !important; } + +/* Ensure native select dropdowns are readable on Windows */ +select option { + background-color: #ffffff !important; + color: #111827 !important; +} +.dark select option { + background-color: #1f2937 !important; + color: #ffffff !important; +} + +/* Consistent rounded corners for selects */ +select { + border-radius: 8px !important; +} #container { transition: 200ms; background: var(--auto-background) !important; diff --git a/src/interface/components/Select.svelte b/src/interface/components/Select.svelte index fc292d90..914f4aa3 100644 --- a/src/interface/components/Select.svelte +++ b/src/interface/components/Select.svelte @@ -8,12 +8,12 @@ let select: HTMLSelectElement; -