allow controlling in storybook

Frontify · Jan 31, 2025 · 9ee813b · 9ee813b
1 parent 8280495
commit 9ee813b
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/components/.storybook/preview.tsx b/packages/components/.storybook/preview.tsx
@@ -5,13 +5,15 @@ import '../src/styles.scss';
 import "@frontify/fondue-tokens/themeProvider/styles"
 import { ThemeProvider } from '@frontify/fondue-tokens/themeProvider';
 import type { Preview, Decorator } from '@storybook/react';
+import { useDarkMode } from 'storybook-dark-mode';
 
 import DocumentationTemplate from './DocumentationTemplate.mdx';
 
 
 const ThemeProviderWrapper: Decorator = (Story: ComponentType) => {
+    const theme = useDarkMode() ? "dark" : "light";
     return (
-        <ThemeProvider theme='light'>
+        <ThemeProvider theme={theme}>
             <Story />
         </ThemeProvider>
     );