40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
import { addParameters, configure } from '@storybook/react';
|
|
import { create } from '@storybook/theming';
|
|
|
|
addParameters({
|
|
backgrounds: [
|
|
{ name: 'default', value: '#eef2f5', default: true },
|
|
{ name: 'white', value: 'white' }
|
|
],
|
|
options: {
|
|
theme: create({
|
|
mainBackground: '#112 linear-gradient(to right, #112, #333)',
|
|
mainBorder: '1px solid rgba(255,255,255,0.1)',
|
|
mainBorderColor: 'rgba(255,255,255,0.1)',
|
|
mainBorderRadius: 4,
|
|
mainFill: 'rgba(255,255,255,0.1)',
|
|
barFill: 'rgba(0,0,0,1)',
|
|
barSelectedColor: 'rgba(255,255,255,0.4)',
|
|
inputFill: 'rgba(0,0,0,1)',
|
|
mainTextFace: 'Inter-UI, sans-serif',
|
|
mainTextColor: '#efefef',
|
|
dimmedTextColor: 'rgba(255,255,255,0.4)',
|
|
highlightColor: '#9fdaff',
|
|
successColor: '#0edf62',
|
|
failColor: '#ff3f3f',
|
|
warnColor: 'orange',
|
|
mainTextSize: 13,
|
|
monoTextFace: 'roboto-mono',
|
|
layoutMargin: 10,
|
|
overlayBackground:
|
|
'linear-gradient(to bottom right, rgba(17, 17, 34, 0.6), rgba(51, 51, 51, 0.8))',
|
|
})
|
|
}
|
|
})
|
|
|
|
function loadStories() {
|
|
require('../src/stories')
|
|
}
|
|
|
|
configure(loadStories, module)
|