Merge pull request #782 from IABTechLab/feature/fix-theme-mode-switching

Fix: 💄 Color mode switching between pages
IABTechLab · Dec 16, 2024 · 4de063b · 4de063b
2 parents 27fed9b + 664777e
commit 4de063b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/utils/useForcedDarkTheme.ts b/src/utils/useForcedDarkTheme.ts
@@ -1,11 +1,12 @@
 import * as React from "react";
-import { useColorMode } from "@docusaurus/theme-common";
+import { useColorMode, ColorMode } from "@docusaurus/theme-common";
 
 export function useForcedDarkTheme() {
   const { setColorMode, colorMode } = useColorMode();
   //quick fix for updating color mode on page load breaking after theme upgrade
   React.useEffect(() => {
-    const originalTheme = colorMode;
+    const originalTheme =
+      (localStorage.getItem("theme") as ColorMode) ?? colorMode;
 
     //@ts-expect-error - The second parameter exists, it's just not on the type :(
     setColorMode("dark", { persist: false });