fix: darkmode not applying correctly

This commit is contained in:
sethburkart123
2024-06-09 13:30:46 +10:00
parent 4325f8a436
commit 645333cad0
2 changed files with 16 additions and 13 deletions
+11 -13
View File
@@ -32,20 +32,18 @@ export function updateAllColors(storedSetting: any, newColor = null) {
// Mode-based properties, applied if storedSetting is provided
let modeProps = {};
if (settingsState.DarkMode) {
modeProps = settingsState.DarkMode ? {
'--betterseqta-logo': `url(${browser.runtime.getURL(darkLogo)})`
} : {
'--better-pale': lightenAndPaleColor(selectedColor),
'--betterseqta-logo': `url(${browser.runtime.getURL(lightLogo)})`
};
modeProps = settingsState.DarkMode ? {
'--betterseqta-logo': `url(${browser.runtime.getURL(darkLogo)})`
} : {
'--better-pale': lightenAndPaleColor(selectedColor),
'--betterseqta-logo': `url(${browser.runtime.getURL(lightLogo)})`
};
if (settingsState.DarkMode) {
document.documentElement.style.removeProperty('--better-pale');
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
if (settingsState.DarkMode) {
document.documentElement.style.removeProperty('--better-pale');
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
// Dynamic properties, always applied