From 7dd1ecd4a52c5cf7224f42f9372e2fd50c0af044 Mon Sep 17 00:00:00 2001
From: MyPrototypeWhat <daoquqiexing@gmail.com>
Date: Wed, 12 Nov 2025 14:26:09 +0800
Subject: [PATCH] feat(storybook): add background options for light and dark
 themes

- Introduced background parameters in Storybook preview configuration to support light and dark themes.
- Defined specific color values for each theme to enhance visual consistency during component development.
---
 packages/ui/.storybook/preview.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/ui/.storybook/preview.tsx b/packages/ui/.storybook/preview.tsx
index d0feaf4eea..295cf2b614 100644
--- a/packages/ui/.storybook/preview.tsx
+++ b/packages/ui/.storybook/preview.tsx
@@ -4,6 +4,14 @@ import { withThemeByClassName } from '@storybook/addon-themes'
 import type { Preview } from '@storybook/react'
 
 const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      options: {
+        light: { name: 'Light', value: 'hsla(0, 0%, 97%, 1)' },
+        dark: { name: 'Dark', value: 'hsla(240, 6%, 10%, 1)' }
+      }
+    }
+  },
   decorators: [
     withThemeByClassName({
       themes: {