PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

remove css vars when switching theme

Browse source
This commit is contained in:
Bruno Windels 2020-06-23 17:54:17 +02:00
parent e083856801
commit b3510aa2b4
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/theme.js
View file

@ -35,6 +35,16 @@ export function enumerateThemes() {
return Object.assign({}, customThemeNames, BUILTIN_THEMES); return Object.assign({}, customThemeNames, BUILTIN_THEMES);
} }
function clearCustomTheme() {
// remove all css variables, we assume these are there because of the custom theme
const inlineStyleProps = Object.values(document.body.style);
for (const prop of inlineStyleProps) {
if (prop.startsWith("--")) {
document.body.style.removeProperty(prop);
}
}
}
function setCustomThemeVars(customTheme) { function setCustomThemeVars(customTheme) {
const {style} = document.body; const {style} = document.body;
@ -97,6 +107,7 @@ export async function setTheme(theme) {
const themeWatcher = new ThemeWatcher(); const themeWatcher = new ThemeWatcher();
theme = themeWatcher.getEffectiveTheme(); theme = themeWatcher.getEffectiveTheme();
} }
clearCustomTheme();
let stylesheetName = theme; let stylesheetName = theme;
if (theme.startsWith("custom-")) { if (theme.startsWith("custom-")) {
const customTheme = getCustomTheme(theme.substr(7)); const customTheme = getCustomTheme(theme.substr(7));