fix: theme switching broken on popup

src/interface/SettingsContext.tsx

@@ -25,7 +25,8 @@ export const SettingsContextProvider: React.FC<{ children: ReactNode }> = ({ chi
     transparencyEffects: false,
     selectedTheme: '',
     animations: true,
-    defaultPage: 'home'
+    defaultPage: 'home',
+    devMode: false
   });
 
   const [showPicker, setShowPicker] = useState<boolean>(false);

src/interface/hooks/settingsState.ts

@@ -53,9 +53,9 @@ const useSettingsState = ({ settingsState, setSettingsState }: SettingsProps) =>
     for (const [key, { newValue }] of Object.entries(changes)) {
       if (key === "DarkMode") {
         if (key === "DarkMode" && newValue) {
-          document.body.classList.add('dark');
+          document.documentElement.classList.add('dark');
         } else {
-          document.body.classList.remove('dark');
+          document.documentElement.classList.remove('dark');
         }
       }