Skip to content

Commit 793b8fe

Browse files
committed
fix: improve light/dark theme
1 parent b3f294f commit 793b8fe

File tree

2 files changed

+10
-0
lines changed

2 files changed

+10
-0
lines changed

.storybook/preview.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ import type { Preview, VueRenderer } from '@storybook/vue3'
22
import { withThemeByClassName } from '@storybook/addon-themes'
33

44
import '../src/main.css'
5+
import './storybook.css'
56

67
const preview: Preview = {
78
parameters: {

.storybook/storybook.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.sb-show-main.sb-main-padded {
2+
/* remove default padding from component area */
3+
padding: 0;
4+
}
5+
6+
#storybook-root {
7+
/* set background color according to theme */
8+
@apply h-screen bg-gray-50 dark:bg-gray-900;
9+
}

0 commit comments

Comments
 (0)