diff --git a/styles/globals.css b/styles/globals.css
index 5ac39554..5b62cf9a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -9,15 +9,16 @@
 
 [data-theme="dark"] {
   --my-color: #000;
+  color-scheme: dark;
 }
 
 [data-theme="light"] {
   --my-color: #ffabc8;
+  color-scheme: light;
 }
 
 html,
 body {
-  color-scheme: dark;
   scroll-behavior: smooth;
 }