diff --git a/src/app.css b/src/app.css index fdccf679..1c20cb4a 100644 --- a/src/app.css +++ b/src/app.css @@ -6,6 +6,12 @@ This makes the dark/light toggle in e_app_theme.svelte actually work. */ @custom-variant dark (&:where(.dark, .dark *)); +/* Sync native browser control rendering (select dropdowns, scrollbars, etc.) + with the app's dark/light mode toggle. Without this, native controls follow + the OS theme rather than the app's .dark/.light class on . */ +html.dark { color-scheme: dark; } +html.light { color-scheme: light; } + @import '@skeletonlabs/skeleton';