From be44e862903e9fcb0e65d33c5579479df4496219 Mon Sep 17 00:00:00 2001
From: sethburkart123 <seth.burkart@hills.adventist.edu.au>
Date: Sun, 25 Aug 2024 06:18:58 +1000
Subject: [PATCH] fix: theme switching broken on popup

---
 src/interface/SettingsContext.tsx    | 3 ++-
 src/interface/hooks/settingsState.ts | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/interface/SettingsContext.tsx b/src/interface/SettingsContext.tsx
index 97528b14..ae78ce7d 100644
--- a/src/interface/SettingsContext.tsx
+++ b/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);
diff --git a/src/interface/hooks/settingsState.ts b/src/interface/hooks/settingsState.ts
index 4919c1df..6506bf0b 100644
--- a/src/interface/hooks/settingsState.ts
+++ b/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');
         }
       }