fix: darkmode not applying correctly

src/seqta/ui/colors/Manager.ts

@@ -32,7 +32,6 @@ 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)})`
   } : {
@@ -46,7 +45,6 @@ export function updateAllColors(storedSetting: any, newColor = null) {
   } else {
     document.documentElement.classList.remove('dark');
   }
-  }
 
   // Dynamic properties, always applied
   const rgbThreshold = GetThresholdOfColor(selectedColor);

src/seqta/utils/listeners/StorageChanges.ts

@@ -21,6 +21,7 @@ export class StorageChangeHandler {
   private registerHandlers() {
     console.log(settingsState.onoff);
     settingsState.register('selectedColor', this.handleSelectedColorChange.bind(this));
+    settingsState.register('DarkMode', this.handleDarkModeChange.bind(this));
     settingsState.register('onoff', this.handleOnOffChange.bind(this));
     settingsState.register('shortcuts', this.handleShortcutsChange.bind(this));
     settingsState.register('customshortcuts', this.handleCustomShortcutsChange.bind(this));
@@ -30,6 +31,10 @@ export class StorageChangeHandler {
     settingsState.register('transparencyEffects', this.handleTransparencyEffectsChange.bind(this));
   }
 
+  private handleDarkModeChange() {
+    updateAllColors(settingsState.selectedColor);
+  }
+
   private handleSelectedColorChange(newColor: any) {
     try {
       updateAllColors(newColor);