chore(sb): use decorators instead of overriding sb styles

itsjavi · Sep 5, 2024 · c1f37a9 · c1f37a9
1 parent bbde32b
commit c1f37a9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/.storybook/preview.css b/.storybook/preview.css
@@ -55,17 +55,15 @@ body {
   padding: 10px;
 }
 
-#storybook-root,
-#storybook-preview-wrapper {
+.bg-decorator {
   padding: 1rem;
   border-radius: var(--radius);
   background-color: var(--background);
   color: var(--foreground);
   border-radius: 0.5rem;
 }
 
-.glass #storybook-root,
-.glass #storybook-preview-wrapper {
+.glass .bg-decorator {
   backdrop-filter: blur(20px);
   background-color: color-mix(in sRGB, var(--background) 60%, transparent);
 }

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -3,7 +3,7 @@ import { createTailwindPreset } from "./src/lib/create-preset";
 
 const config: Config = {
   content: ["./src/**/*.{ts,tsx,md,mdx}", "./stories/**/*.{ts,tsx,md,mdx}"],
-  presets: [createTailwindPreset()],
+  presets: [createTailwindPreset({ colors: { gray: "neutral" } })],
 };
 
 export default config;