fix(themes): remove color-scheme property from :root element

webex · Mar 23, 2022 · e831a6d · e831a6d
1 parent 7445e68
commit e831a6d
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/styles/_defaults.scss b/src/styles/_defaults.scss
@@ -1,5 +1,6 @@
 .wxc {
   @include body-font;
+  color-scheme: var(--wxc-browser-color-scheme);
 }
 
 .wxc, .wxc * {

diff --git a/src/themes/dark.scss b/src/themes/dark.scss
@@ -1,5 +1,5 @@
 .#{$WEBEX_COMPONENTS_CLASS_PREFIX}-theme-dark, .md-theme-darkWebex, :root {
-  color-scheme: dark;
+  --wxc-browser-color-scheme: dark;
 
   --wxc-loading-logo--url: url(../themes/dark/loading.gif);
   --wxc-loading-logo--size: 11.6875rem;

diff --git a/src/themes/light.scss b/src/themes/light.scss
@@ -1,5 +1,5 @@
 .#{$WEBEX_COMPONENTS_CLASS_PREFIX}-theme-light, .md-theme-lightWebex {
-  color-scheme: light;
+  --wxc-browser-color-scheme: light;
 
   --wxc-loading-logo--url: url(../themes/light/loading.gif);
   --wxc-loading-logo--size: 11.6875rem;