added auto updating of themes

src/background.ts

@@ -93,6 +93,16 @@ browser.runtime.onMessage.addListener((request: any, _sender: any, sendResponse:
     reloadSeqtaPages();
     break;
   
+  case 'extensionPages':
+    browser.tabs.query({}).then(function (tabs) {
+      for (let tab of tabs) {
+        if (tab.url?.includes('chrome-extension://')) {
+          browser.tabs.sendMessage(tab.id!, request);
+        }
+      }
+    });
+    break;
+  
   case 'currentTab':
     browser.tabs.query({ active: true, currentWindow: true }).then(function (tabs) {
       browser.tabs.sendMessage(tabs[0].id!, request).then(function (response) {

src/interface/components/ThemeSelector.tsx

@@ -31,6 +31,26 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
   }));
 
   useEffect(() => {
+    const handleThemeChange = async () => {
+      await new Promise((resolve) => setTimeout(resolve, 500));
+      fetchThemes();
+    };
+
+    Browser.runtime.onMessage.addListener((message) => {
+      if (message.info === 'themeChanged') {
+        handleThemeChange();
+      }
+    });
+
+    return () => {
+      Browser.runtime.onMessage.removeListener((message) => {
+        if (message.info === 'themeChanged') {
+          handleThemeChange();
+        }
+      });
+    };
+  }, []);
+
   const fetchThemes = async () => {
     try {
       const { themes, selectedTheme } = await listThemes();
@@ -44,6 +64,7 @@ const ThemeSelector: ForwardRefExoticComponent<Omit<ThemeSelectorProps, "ref"> &
     }
   };
   
+  useEffect(() => {
     fetchThemes();
   }, []);
 

src/interface/hooks/ThemeManagment.ts

@@ -112,6 +112,7 @@ export const sendThemeUpdate = (updatedTheme: CustomTheme, saveTheme?: boolean,
 
     if (saveTheme) {
       browser.runtime.sendMessage({ type: 'currentTab', info: 'CloseThemeCreator' });
+      browser.runtime.sendMessage({ type: 'extensionPages', info: 'themeChanged' });
     }
   });
 };

src/seqta/utils/listeners/MessageListener.ts

@@ -87,7 +87,7 @@ export class MessageHandler {
         break;
   
       default:
-        console.log('Unknown request info:', request.info);      
+        console.debug('Unknown request info:', request.info);      
     }
   }