From af9cbd727f017ffd6d3b420938ec0023f5d535cc Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <hi@midhun.dev>
Date: Mon, 25 Apr 2022 16:33:31 +0530
Subject: [PATCH] Remove existing stylesheets when changing themes

---
 scripts/build-plugins/rollup-plugin-build-themes.js |  4 ++--
 src/platform/web/Platform.js                        | 10 ++++------
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/scripts/build-plugins/rollup-plugin-build-themes.js b/scripts/build-plugins/rollup-plugin-build-themes.js
index 9776fb92..f429bc80 100644
--- a/scripts/build-plugins/rollup-plugin-build-themes.js
+++ b/scripts/build-plugins/rollup-plugin-build-themes.js
@@ -229,7 +229,7 @@ module.exports = function buildThemes(options) {
                         type: "text/css",
                         media: "(prefers-color-scheme: dark)",
                         href: `./${darkThemeLocation}`,
-                        class: "default-theme",
+                        class: "theme",
                     }
                 },
                 {
@@ -239,7 +239,7 @@ module.exports = function buildThemes(options) {
                         type: "text/css",
                         media: "(prefers-color-scheme: light)",
                         href: `./${lightThemeLocation}`,
-                        class: "default-theme",
+                        class: "theme",
                     }
                 },
             ];
diff --git a/src/platform/web/Platform.js b/src/platform/web/Platform.js
index 415081ba..24480f59 100644
--- a/src/platform/web/Platform.js
+++ b/src/platform/web/Platform.js
@@ -345,17 +345,15 @@ export class Platform {
     }
 
     _replaceStylesheet(newPath) {
-        // remove default theme 
-        const defaultStylesheets = document.getElementsByClassName("default-theme");
-        for (const tag of defaultStylesheets) {
-            tag.remove();
-        }
-        // add new theme
         const head = document.querySelector("head");
+        // remove default theme 
+        document.querySelectorAll(".theme").forEach(e => e.remove());
+        // add new theme
         const styleTag = document.createElement("link");
         styleTag.href = `./${newPath}`;
         styleTag.rel = "stylesheet";
         styleTag.type = "text/css";
+        styleTag.className = "theme";
         head.appendChild(styleTag);
     }