ui: fix unreadable select dropdowns
Native <select> option popups fell back to the OS default (light) background while inheriting the dark theme's light text — light-on-light, unreadable. Pin select/option to the card background + foreground text in index.css.
This commit is contained in:
@@ -17,3 +17,13 @@ body {
|
|||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Native <select> popups otherwise fall back to the OS default (light)
|
||||||
|
background while inheriting the light theme text — unreadable. Pin both. */
|
||||||
|
select {
|
||||||
|
color: var(--foreground);
|
||||||
|
}
|
||||||
|
select option {
|
||||||
|
background-color: var(--card);
|
||||||
|
color: var(--foreground);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user