feat(css): use color-scheme utilities on body

MickL · Nov 27, 2024 · a2512f6 · a2512f6
1 parent 4eb7902
commit a2512f6
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/src/runtime/index.css b/src/runtime/index.css
@@ -4,12 +4,10 @@
 
 @layer base {
   body {
-    @apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)];
+    @apply antialiased text-[var(--ui-text)] bg-[var(--ui-bg)] scheme-light dark:scheme-dark;
   }
 
   :root {
-    color-scheme: light;
-
     --ui-text-dimmed: var(--ui-color-neutral-400);
     --ui-text-muted: var(--ui-color-neutral-500);
     --ui-text-toned: var(--ui-color-neutral-600);
@@ -32,8 +30,6 @@
   }
 
   .dark {
-    color-scheme: dark;
-
     --ui-text-dimmed: var(--ui-color-neutral-500);
     --ui-text-muted: var(--ui-color-neutral-400);
     --ui-text-toned: var(--ui-color-neutral-300);