You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We've created two basic themes that look good of the box: "normal" (a light theme) and "dark" (a dark theme).
13
13
14
-
As the simplest example example, you can tell Storybook to use the "dark" theme by modifyig`.storybook/config.js`:
14
+
As the simplest example, you can tell Storybook to use the "dark" theme by modifying`.storybook/config.js`:
15
15
16
16
```js
17
17
import { addParameters } from'@storybook/react';
@@ -25,7 +25,7 @@ addParameters({
25
25
});
26
26
```
27
27
28
-
When setting a theme, set a full theme object. The theme is replaced not combined.
28
+
When setting a theme, set a full theme object. The theme is replaced, not combined.
29
29
30
30
## Dynamic theming
31
31
@@ -123,7 +123,7 @@ export default create({
123
123
124
124
## Addons and theme creation
125
125
126
-
Some addons require specific theme variables that a Storybook user must add. If you share your theme with the community make sure to support the official and other popular addons so your users have a consistent experience.
126
+
Some addons require specific theme variables that a Storybook user must add. If you share your theme with the community, make sure to support the official and other popular addons so your users have a consistent experience.
127
127
128
128
For example, the popular Actions addon uses [react-inspector](https://github.com/xyc/react-inspector/blob/master/src/styles/themes/chromeLight.js) which has themes of its own. Supply additional theme variables to style it like so:
0 commit comments