mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-06 06:21:23 +08:00
43 lines
830 B
Plaintext
43 lines
830 B
Plaintext
```js
|
|
// .storybook/YourTheme.js
|
|
|
|
import { create } from '@storybook/theming';
|
|
|
|
export default create({
|
|
base: 'light',
|
|
|
|
colorPrimary: 'hotpink',
|
|
colorSecondary: 'deepskyblue',
|
|
|
|
// UI
|
|
appBg: 'white',
|
|
appContentBg: 'silver',
|
|
appBorderColor: 'grey',
|
|
appBorderRadius: 4,
|
|
|
|
// Typography
|
|
fontBase: '"Open Sans", sans-serif',
|
|
fontCode: 'monospace',
|
|
|
|
// Text colors
|
|
textColor: 'black',
|
|
textInverseColor: 'rgba(255,255,255,0.9)',
|
|
|
|
// Toolbar default and active colors
|
|
barTextColor: 'silver',
|
|
barSelectedColor: 'black',
|
|
barBg: 'hotpink',
|
|
|
|
// Form colors
|
|
inputBg: 'white',
|
|
inputBorder: 'silver',
|
|
inputTextColor: 'black',
|
|
inputBorderRadius: 4,
|
|
|
|
brandTitle: 'My custom storybook',
|
|
brandUrl: 'https://example.com',
|
|
brandImage: 'https://place-hold.it/350x150',
|
|
brandTarget: '_self',
|
|
});
|
|
```
|