mystiq
/
hydrogen-web
Archived
4
1
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove existing stylesheets when changing themes

This commit is contained in:
RMidhunSuresh 2022-04-25 16:33:31 +05:30
parent 12a70469eb
commit af9cbd727f
2 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scripts/build-plugins/rollup-plugin-build-themes.js
View File

@ -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",
}
},
];

10
src/platform/web/Platform.js
View File

@ -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);
}