Fix light-dark scroll bars

This commit is contained in:
2026-07-13 14:19:46 +02:00
parent f4819a58fe
commit 09792c93cf
+7 -6
View File
@@ -3,6 +3,8 @@
/* shadcn-style theme tokens (zinc placeholder palette — tweak freely). /* shadcn-style theme tokens (zinc placeholder palette — tweak freely).
The app follows the OS light/dark preference automatically. */ The app follows the OS light/dark preference automatically. */
:root { :root {
/* Native UI (scrollbars, form controls) follows the OS unless a theme is forced. */
color-scheme: light dark;
--background: oklch(1 0 0); --background: oklch(1 0 0);
--foreground: oklch(0.141 0.005 285.823); --foreground: oklch(0.141 0.005 285.823);
--card: oklch(1 0 0); --card: oklch(1 0 0);
@@ -33,7 +35,12 @@
/* Dark tokens apply when the user forces dark, or follows a dark system theme. /* Dark tokens apply when the user forces dark, or follows a dark system theme.
(data-theme is set by SettingsService; absent = follow the system.) */ (data-theme is set by SettingsService; absent = follow the system.) */
:root[data-theme='light'] {
color-scheme: light;
}
:root[data-theme='dark'] { :root[data-theme='dark'] {
color-scheme: dark;
--background: oklch(0.141 0.005 285.823); --background: oklch(0.141 0.005 285.823);
--foreground: oklch(0.985 0 0); --foreground: oklch(0.985 0 0);
--card: oklch(0.21 0.006 285.885); --card: oklch(0.21 0.006 285.885);
@@ -89,12 +96,6 @@
} }
} }
@media (prefers-color-scheme: dark) {
:root[data-theme='light'] {
color-scheme: light;
}
}
@theme inline { @theme inline {
--color-background: var(--background); --color-background: var(--background);
--color-foreground: var(--foreground); --color-foreground: var(--foreground);