save selectedColor for non-destructive theme viewing

src/background.ts

@@ -173,6 +173,7 @@ const DefaultValues: SettingsState = {
   subjectfilters: {},
   selectedTheme: '',
   selectedColor: 'linear-gradient(40deg, rgba(201,61,0,1) 0%, RGBA(170, 5, 58, 1) 100%)',
+  originalSelectedColor: '',
   DarkMode: true,
   shortcuts: [
     {

src/seqta/ui/themes/removeTheme.ts

@@ -1,7 +1,7 @@
 import { CustomTheme } from '../../../interface/types/CustomThemes';
+import browser from 'webextension-polyfill';
 
-
+export const removeTheme = async (theme: CustomTheme) => {
-export const removeTheme = (theme: CustomTheme) => {
   // Remove custom CSS
   const styleElement = document.getElementById('custom-theme');
   if (styleElement) {
@@ -9,7 +9,9 @@ export const removeTheme = (theme: CustomTheme) => {
   }
 
   // Reset default color
-  //browser.storage.local.set({ selectedColor: '' });
+  const originalSelectedColor = await browser.storage.local.get('originalSelectedColor') as { originalSelectedColor: string; };
+  await browser.storage.local.set({ selectedColor: originalSelectedColor.originalSelectedColor });
+  
   // Remove custom images
   const customImageVariables = theme.CustomImages.map((image) => image.variableName);
   customImageVariables.forEach((variableName) => {

src/seqta/ui/themes/setTheme.ts

@@ -20,8 +20,14 @@ export const setTheme = async (themeId: string) => {
       }
     }
 
+    const originalSelectedColor = await browser.storage.local.get('selectedColor') as { selectedColor: string; };
     await applyTheme(theme);
-    await browser.storage.local.set({ selectedTheme: themeId });
+
+    await browser.storage.local.set({
+      selectedTheme: themeId,
+      selectedColor: theme.defaultColour,
+      originalSelectedColor: originalSelectedColor.selectedColor
+    });
 
   } catch (error) {
     console.error('Error setting theme:', error);

src/types/storage.ts

@@ -29,6 +29,7 @@ export interface SettingsState {
   telemetry: boolean;
   onoff: boolean;
   selectedColor: string;
+  originalSelectedColor: string;
   shortcuts: Shortcut[];
   subjectfilters: Record<string, any>;
   transparencyEffects: boolean;