Fixed darkmode styles

responsively-org · Nov 15, 2023 · e55fe6a · e55fe6a
1 parent cf2cd4a
commit e55fe6a
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/desktop-app/src/renderer/context/ThemeProvider/index.tsx b/desktop-app/src/renderer/context/ThemeProvider/index.tsx
@@ -6,18 +6,20 @@ const ThemeProvider = ({ children }: { children: React.ReactNode }) => {
   const darkMode = useSelector(selectDarkMode);
 
   useEffect(() => {
+    const body = document.querySelector('body');
+    'bg-slate-200 text-light-normal dark:bg-slate-800 dark:text-dark-normal'
+      .split(' ')
+      .forEach((className) => {
+        body?.classList.add(className);
+      });
     if (darkMode) {
       document.documentElement.classList.add('dark');
     } else {
       document.documentElement.classList.remove('dark');
     }
   }, [darkMode]);
 
-  return (
-    <div className="min-w-screen min-h-screen bg-slate-200 text-light-normal dark:bg-slate-800 dark:text-dark-normal">
-      {children}
-    </div>
-  );
+  return <div className="min-w-screen min-h-screen">{children}</div>;
 };
 
 export default ThemeProvider;