fix: themes somtimes override default custom accent colour

src/interface/components/themes/ThemeSelector.svelte

@@ -96,11 +96,6 @@
   onDestroy(() => {
     themeUpdates.removeListener(fetchThemes);
   })
-
-  $effect(() => {
-    if (!themes) return;
-    console.log(themes.selectedTheme);
-  })
 </script>
 
 <div

src/plugins/built-in/themes/ThemeCreator.ts

@@ -15,9 +15,11 @@ const themeManager = ThemeManager.getInstance();
 export function OpenThemeCreator(themeID: string = "") {
   CloseThemeCreator()
 
-  // Store that theme creator is open and save original color
+  // Only store original color if we're not editing an existing theme
   localStorage.setItem('themeCreatorOpen', 'true');
-  localStorage.setItem('originalPreviewColor', settingsState.selectedColor);
+  if (!themeID) {
+    localStorage.setItem('originalPreviewColor', settingsState.selectedColor);
+  }
 
   const width = "310px"
 

src/plugins/built-in/themes/theme-manager.ts

@@ -454,13 +454,15 @@ export class ThemeManager {
     try {
       const { CustomCSS, CustomImages, defaultColour, forceDark } = theme;
 
-      // Store original settings if not already stored
+      // Store original settings only if this is a new theme
-      if (this.originalPreviewColor === null) {
+      if (!theme.webURL) {
-        this.originalPreviewColor = settingsState.selectedColor;
+        if (this.originalPreviewColor === null) {
-        localStorage.setItem('originalPreviewColor', settingsState.selectedColor);
+          this.originalPreviewColor = settingsState.selectedColor;
-      }
+          localStorage.setItem('originalPreviewColor', settingsState.selectedColor);
-      if (this.originalPreviewTheme === null) {
+        }
-        this.originalPreviewTheme = settingsState.DarkMode;
+        if (this.originalPreviewTheme === null) {
+          this.originalPreviewTheme = settingsState.DarkMode;
+        }
       }
 
       // Apply custom CSS
@@ -487,12 +489,14 @@ export class ThemeManager {
       // Update previousImageVariableNames
       this.previousImageVariableNames = newImageVariableNames;
 
-      // Apply theme settings
+      // Apply theme settings only if this is a new theme
-      if (forceDark !== undefined) {
+      if (!theme.webURL) {
-        settingsState.DarkMode = forceDark;
+        if (forceDark !== undefined) {
-      }
+          settingsState.DarkMode = forceDark;
-      if (defaultColour) {
+        }
-        settingsState.selectedColor = defaultColour;
+        if (defaultColour) {
+          settingsState.selectedColor = defaultColour;
+        }
       }
     } catch (error) {
       console.error('[ThemeManager] Error previewing theme:', error);
@@ -505,12 +509,15 @@ export class ThemeManager {
   public async updatePreview(theme: Partial<LoadedCustomTheme>): Promise<void> {
     console.debug('[ThemeManager] Updating theme preview');
     try {
-      // Store original settings if not already stored
+      // Only store original settings if this is a new theme (not editing)
-      if (this.originalPreviewColor === null) {
+      // We can tell it's a new theme if it has no webURL (which is set when a theme is saved/loaded)
-        this.originalPreviewColor = settingsState.selectedColor;
+      if (!theme.webURL) {
-      }
+        if (this.originalPreviewColor === null) {
-      if (this.originalPreviewTheme === null) {
+          this.originalPreviewColor = settingsState.selectedColor;
-        this.originalPreviewTheme = settingsState.DarkMode;
+        }
+        if (this.originalPreviewTheme === null) {
+          this.originalPreviewTheme = settingsState.DarkMode;
+        }
       }
 
       // Apply CSS if changed
@@ -548,12 +555,14 @@ export class ThemeManager {
         this.previousImageVariableNames = newImageVariableNames;
       }
 
-      // Update theme settings
+      // Update theme settings only if this is a new theme
-      if (theme.forceDark !== undefined) {
+      if (!theme.webURL) {
-        settingsState.DarkMode = theme.forceDark;
+        if (theme.forceDark !== undefined) {
-      }
+          settingsState.DarkMode = theme.forceDark;
-      if (theme.defaultColour) {
+        }
-        settingsState.selectedColor = theme.defaultColour;
+        if (theme.defaultColour) {
+          settingsState.selectedColor = theme.defaultColour;
+        }
       }
     } catch (error) {
       console.error('[ThemeManager] Error updating theme preview:', error);