feat(storybook): configured themes

vymalo · Jan 3, 2025 · f4e086a · f4e086a
1 parent 11ddbc0
commit f4e086a
Showing 1 changed file with 7 additions and 8 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,4 +1,4 @@
-import { withThemeByClassName } from '@storybook/addon-themes';
+import { withThemeByDataAttribute } from '@storybook/addon-themes';
 import type { Preview } from '@storybook/react';
 import '../src/index.scss';
 
@@ -11,17 +11,16 @@ const preview: Preview = {
       },
     },
   },
-
   decorators: [
-    withThemeByClassName({
+    withThemeByDataAttribute({
       themes: {
-        // nameOfTheme: 'classNameForTheme',
-        light: '',
-        dark: 'dark',
+        light: 'vymalo-light',
+        dark: 'vymalo-dark',
       },
-      defaultTheme: 'light',
+      defaultTheme: 'vymalo-light',
+      attributeName: 'data-theme',
     }),
   ],
 };
 
-export default preview;
+export default preview;