diff --git a/src/platform/web/Platform.js b/src/platform/web/Platform.js
index 662525d8..a142ace7 100644
--- a/src/platform/web/Platform.js
+++ b/src/platform/web/Platform.js
@@ -316,15 +316,6 @@ export class Platform {
         return this._themeLoader;
     }
 
-    get preferredColorScheme() {
-        if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
-            return COLOR_SCHEME_PREFERENCE.DARK;
-        } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
-            return COLOR_SCHEME_PREFERENCE.LIGHT;
-        }
-        return undefined;
-    } 
-
     replaceStylesheet(newPath) {
         const head = document.querySelector("head");
         // remove default theme 
diff --git a/src/platform/web/ThemeLoader.ts b/src/platform/web/ThemeLoader.ts
index 34b3c7d0..4c0ec6d3 100644
--- a/src/platform/web/ThemeLoader.ts
+++ b/src/platform/web/ThemeLoader.ts
@@ -64,12 +64,10 @@ export class ThemeLoader {
             return theme;
         }
         // return default theme
-        const preference  = this._platform.preferredColorScheme;
-        switch (preference) {
-            case COLOR_SCHEME_PREFERENCE.DARK:
-                return this._platform.config["defaultTheme"].dark;
-            case COLOR_SCHEME_PREFERENCE.LIGHT:
-                return this._platform.config["defaultTheme"].light;
+        if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
+            return this._platform.config["defaultTheme"].dark;
+        } else if (window.matchMedia("(prefers-color-scheme: light)").matches) {
+            return this._platform.config["defaultTheme"].light;
         }
         return undefined;
     }