mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-08 05:51:48 +08:00
43 lines
866 B
Plaintext
43 lines
866 B
Plaintext
```js
|
|
// .storybook/YourTheme.js
|
|
|
|
import { create } from '@storybook/theming/create';
|
|
|
|
export default create({
|
|
base: 'light',
|
|
// Typography
|
|
fontBase: '"Open Sans", sans-serif',
|
|
fontCode: 'monospace',
|
|
|
|
brandTitle: 'My custom Storybook',
|
|
brandUrl: 'https://example.com',
|
|
brandImage: 'https://storybook.js.org/images/placeholders/350x150.png',
|
|
brandTarget: '_self',
|
|
|
|
//
|
|
colorPrimary: '#3A10E5',
|
|
colorSecondary: '#585C6D',
|
|
|
|
// UI
|
|
appBg: '#ffffff',
|
|
appContentBg: '#ffffff',
|
|
appBorderColor: '#585C6D',
|
|
appBorderRadius: 4,
|
|
|
|
// Text colors
|
|
textColor: '#10162F',
|
|
textInverseColor: '#ffffff',
|
|
|
|
// Toolbar default and active colors
|
|
barTextColor: '#9E9E9E',
|
|
barSelectedColor: '#585C6D',
|
|
barBg: '#ffffff',
|
|
|
|
// Form colors
|
|
inputBg: '#ffffff',
|
|
inputBorder: '#10162F',
|
|
inputTextColor: '#10162F',
|
|
inputBorderRadius: 2,
|
|
});
|
|
```
|