GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 04:41:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

FIX incoreect semicolumns

Browse Source
This commit is contained in:
Norbert de Langen 2019-03-07 20:18:15 +01:00
parent bc5f35508c
commit 7ea689cd1e
1 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
docs/src/pages/configurations/theming/index.md
View File

@ -58,39 +58,39 @@ Next paste the code below and tweak the variables.
import { create } from '@storybook/theming'; import { create } from '@storybook/theming';
export default create({ export default create({
base: 'light'; base: 'light',
colorPrimary: 'hotpink'; colorPrimary: 'hotpink',
colorSecondary: 'deepskyblue'; colorSecondary: 'deepskyblue',
// UI // UI
appBg: 'white'; appBg: 'white',
appContentBg: 'silver'; appContentBg: 'silver',
appBorderColor: 'grey'; appBorderColor: 'grey',
appBorderRadius: 4; appBorderRadius: 4,
// Typography // Typography
fontBase: '"Open Sans", sans-serif', fontBase: '"Open Sans", sans-serif',
fontCode: 'monospace'; fontCode: 'monospace',
// Text colors // Text colors
textColor: 'black'; textColor: 'black',
textInverseColor: 'rgba(255,255,255,0.9)'; textInverseColor: 'rgba(255,255,255,0.9)',
// Toolbar default and active colors // Toolbar default and active colors
barTextColor: 'silver'; barTextColor: 'silver',
barSelectedColor: 'black'; barSelectedColor: 'black',
barBg: 'hotpink'; barBg: 'hotpink',
// Form colors // Form colors
inputBg: 'white'; inputBg: 'white',
inputBorder: 'silver'; inputBorder: 'silver',
inputTextColor: 'black'; inputTextColor: 'black',
inputBorderRadius: 4; inputBorderRadius: 4,
brandTitle: 'My custom storybook'; brandTitle: 'My custom storybook',
brandUrl: 'https://example.com'; brandUrl: 'https://example.com',
brandImage: 'https://placehold.it/350x150'; brandImage: 'https://placehold.it/350x150',
}); });
``` ```
@ -112,11 +112,11 @@ Many them variables are optional, the `base` property is NOT. This is a perfectl
import { create } from '@storybook/theming'; import { create } from '@storybook/theming';
export default create({ export default create({
base: 'light'; base: 'light',
brandTitle: 'My custom storybook'; brandTitle: 'My custom storybook',
brandUrl: 'https://example.com'; brandUrl: 'https://example.com',
brandImage: 'https://placehold.it/350x150'; brandImage: 'https://placehold.it/350x150',
}); });
``` ```