Set CSS property 'color-scheme' according to the current color scheme

2026-05-17 21:01:48 +02:00
parent 05b6a5d513
commit 28fe027517
1 changed files with 5 additions and 1 deletions
@@ -28,7 +28,11 @@ watch(colorScheme, val => updateColorScheme(val))
 </script>

 <template>
-    <div :class="{ dark: colorScheme === 'dark', 'color-scheme-auto': colorScheme === 'auto' }" id="app-wrapper">
+    <div
+        :style="{ colorScheme: colorScheme === 'auto' ? 'normal' : (colorScheme === 'dark' ? 'dark' : 'light')}"
+        :class="{ dark: colorScheme === 'dark', 'color-scheme-auto': colorScheme === 'auto' }"
+        id="app-wrapper"
+    >
        <Navbar />

        <div class="main-content">