BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: darkmode not applying correctly

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/seqta/ui/colors/Manager.ts
+11 -13
View File
@@ -32,20 +32,18 @@ export function updateAllColors(storedSetting: any, newColor = null) {
// Mode-based properties, applied if storedSetting is provided // Mode-based properties, applied if storedSetting is provided
let modeProps = {}; let modeProps = {};
if (settingsState.DarkMode) { modeProps = settingsState.DarkMode ? {
modeProps = settingsState.DarkMode ? { '--betterseqta-logo': `url(${browser.runtime.getURL(darkLogo)})`
'--betterseqta-logo': `url(${browser.runtime.getURL(darkLogo)})` } : {
} : { '--better-pale': lightenAndPaleColor(selectedColor),
'--better-pale': lightenAndPaleColor(selectedColor), '--betterseqta-logo': `url(${browser.runtime.getURL(lightLogo)})`
'--betterseqta-logo': `url(${browser.runtime.getURL(lightLogo)})` };
};
if (settingsState.DarkMode) { if (settingsState.DarkMode) {
document.documentElement.style.removeProperty('--better-pale'); document.documentElement.style.removeProperty('--better-pale');
document.documentElement.classList.add('dark'); document.documentElement.classList.add('dark');
} else { } else {
document.documentElement.classList.remove('dark'); document.documentElement.classList.remove('dark');
}
} }
// Dynamic properties, always applied // Dynamic properties, always applied
src/seqta/utils/listeners/StorageChanges.ts
+5
View File
@@ -21,6 +21,7 @@ export class StorageChangeHandler {
private registerHandlers() { private registerHandlers() {
console.log(settingsState.onoff); console.log(settingsState.onoff);
settingsState.register('selectedColor', this.handleSelectedColorChange.bind(this)); settingsState.register('selectedColor', this.handleSelectedColorChange.bind(this));
settingsState.register('DarkMode', this.handleDarkModeChange.bind(this));
settingsState.register('onoff', this.handleOnOffChange.bind(this)); settingsState.register('onoff', this.handleOnOffChange.bind(this));
settingsState.register('shortcuts', this.handleShortcutsChange.bind(this)); settingsState.register('shortcuts', this.handleShortcutsChange.bind(this));
settingsState.register('customshortcuts', this.handleCustomShortcutsChange.bind(this)); settingsState.register('customshortcuts', this.handleCustomShortcutsChange.bind(this));
@@ -30,6 +31,10 @@ export class StorageChangeHandler {
settingsState.register('transparencyEffects', this.handleTransparencyEffectsChange.bind(this)); settingsState.register('transparencyEffects', this.handleTransparencyEffectsChange.bind(this));
} }
private handleDarkModeChange() {
updateAllColors(settingsState.selectedColor);
}
private handleSelectedColorChange(newColor: any) { private handleSelectedColorChange(newColor: any) {
try { try {
updateAllColors(newColor); updateAllColors(newColor);