Fix native web elements color scheme

internxt · Jan 17, 2024 · 57b0605 · 57b0605
1 parent 978d90f
commit 57b0605
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/index.scss b/src/index.scss
@@ -8,7 +8,6 @@
 
 :root,
 #root {
-  color-scheme: light dark;
   background: rgb(var(--color-surface));
   font-family: 'Instrument Sans', sans-serif;
   height: 100%;
@@ -24,6 +23,8 @@
 
 @media (prefers-color-scheme: light) {
   :root {
+    color-scheme: light;
+
     --color-primary: 0 102 255;
     --color-primary-dark: 0 88 219;
     --color-red: 255 13 0;
@@ -55,6 +56,8 @@
   }
 
   :root.dark {
+    color-scheme: dark;
+
     --color-primary: 20 114 255;
     --color-primary-dark: 0 96 240;
     --color-red: 255 61 51;
@@ -88,6 +91,8 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
+    color-scheme: dark;
+
     --color-primary: 20 114 255;
     --color-primary-dark: 0 96 240;
     --color-red: 255 61 51;
@@ -119,6 +124,8 @@
   }
 
   :root:not(.dark) {
+    color-scheme: light;
+
     --color-primary: 0 102 255;
     --color-primary-dark: 0 88 219;
     --color-red: 255 13 0;