fix: adjust theme and preview of the storybook (#46)

frontend-ce · Jul 17, 2024 · 4456e53 · 4456e53
1 parent 1badcba
commit 4456e53
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -1,10 +1,9 @@
 import type { Preview } from "@storybook/react";
 import "../src/index.css";
+import "./themes.css"
 
 import { withThemeByClassName } from "@storybook/addon-themes";
 
-
-
 const preview: Preview = {
   tags: ['autodocs'],
   parameters: {
@@ -14,12 +13,20 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    backgrounds: {
+      default: 'dark',
+      values: [
+        {
+          name: 'dark',
+          value: '#0f0f0f',
+        },
+      ],
+    },
   },
-
   decorators: [withThemeByClassName({
     themes: {
-      light: 'light',
-      dark: 'dark',
+      light: 'theme-light',
+      dark: 'theme-dark',
     },
     defaultTheme: 'dark',
   })]

diff --git a/.storybook/themes.css b/.storybook/themes.css
@@ -0,0 +1,3 @@
+.theme-dark {
+    background-color: #0f0f0f;
+}