fixed issues with selected type conflicting

interface/src/components/ThemeSelector.tsx

@@ -66,8 +66,6 @@ const ThemeSelector = ({ selectedType, setSelectedType, isEditMode }: ThemeSelec
       return;
     }
   
-    console.log("Theme: ", theme);
-  
     // If theme is downloaded and is the currently enabled theme, disable it.
     if (theme.isDownloaded && themeName === enabledThemeName) {
       await disableTheme();
@@ -97,6 +95,12 @@ const ThemeSelector = ({ selectedType, setSelectedType, isEditMode }: ThemeSelec
     stopLoading(themeName);
   };
 
+  useEffect(() => {
+    if (selectedType === 'background') {
+      setEnabledThemeName('');
+    }
+  }, [selectedType]);
+
   return (
     <div className="my-2">
       <h2 className="pb-2 text-lg font-bold">Themes</h2>