fix(theme-swticher): fix the theme switcher and add theme switch for … (

#803) fix(theme-swticher): fix the theme switcher and add theme switch for …
jerensl · Sep 15, 2023 · 063561f · 063561f
2 parents 43a38b4 + 93c749b
commit 063561f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/.storybook/preview.js → .storybook/preview.ts b/.storybook/preview.js → .storybook/preview.ts
@@ -1,13 +1,12 @@
 import '../src/styles/globals.css'
-import { withThemeByDataAttribute } from '@storybook/addon-styling'
+import { withThemeByClassName } from '@storybook/addon-styling'
 
 export const decorators = [
- withThemeByDataAttribute({
+ withThemeByClassName({
  themes: {
  light: 'light',
  dark: 'dark',
  },
  defaultTheme: 'light',
- attributeName: 'data-mode',
  }),
 ]
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
- darkMode: ['class', '[data-mode="dark"]'],
+ darkMode: ['class'],
  content: [
  './src/pages/**/*.{js,ts,jsx,tsx}',
  './src/components/**/*.{js,ts,jsx,tsx}',