docs: set Storybook dark mode correctly when switching VitePress theme (

#234) The embedded Storybook component docs did not correctly switch to dark mode when the theme is toggled in VitePress.
SchwarzIT · Feb 1, 2024 · 92c2f96 · 92c2f96
1 parent 01efe4c
commit 92c2f96
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/storybook-utils/src/preview.ts b/packages/storybook-utils/src/preview.ts
@@ -59,6 +59,15 @@ export const createPreview = <T extends Preview = Preview>(overrides?: T) => {
           const isDark = themeParam
             ? themeParam === "dark"
             : parent.document.body.classList.contains("dark");
+
+          if (isDark) {
+            document.body.classList.remove("light");
+            document.body.classList.add("dark");
+          } else {
+            document.body.classList.remove("dark");
+            document.body.classList.add("light");
+          }
+
           return isDark ? themes.dark : themes.light;
         },
         source: {