fix: set color scheme (#2257)

telekom · Jan 15, 2024 · 0f4bdee · 0f4bdee
1 parent a6a03d5
commit 0f4bdee
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/components/src/global/scale.css b/packages/components/src/global/scale.css
@@ -54,6 +54,8 @@
   --scl-z-index-50: 50;
   --scl-z-index-60: 60;
   --scl-z-index-70: 70;
+  /* TODO: we can try to set this rule in design tokens :root */
+  color-scheme: light dark;
 }
 
 /** Thank you sholace.style */
@@ -69,3 +71,11 @@
   flex-direction: column;
   gap: var(--telekom-spacing-composition-space-04);
 }
+
+[data-mode='light'] {
+  color-scheme: light;
+}
+
+[data-mode='dark'] {
+  color-scheme: dark;
+}