From e831a6d902710afd0adcf8d86d33b684c739eb9f Mon Sep 17 00:00:00 2001
From: Daniel Coroain <danielcoroian15@gmail.com>
Date: Wed, 23 Mar 2022 15:40:22 +0200
Subject: [PATCH] fix(themes): remove color-scheme property from :root element

---
 src/styles/_defaults.scss | 1 +
 src/themes/dark.scss      | 2 +-
 src/themes/light.scss     | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/_defaults.scss b/src/styles/_defaults.scss
index 240d4a0a6..7458570c5 100644
--- 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
index 0beda8ac0..79e382a93 100644
--- 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
index 6dc843402..682fbf2ba 100644
--- 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;