feat: storybook
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
import { create } from 'storybook/theming';
|
||||
|
||||
/* Dark, lime-accented chrome so the Storybook UI + autodocs match the
|
||||
components instead of framing them in stock white. */
|
||||
export default create({
|
||||
base: 'dark',
|
||||
|
||||
brandTitle: 'ModernSK',
|
||||
colorPrimary: '#bef264',
|
||||
colorSecondary: '#bef264',
|
||||
|
||||
// App
|
||||
appBg: '#0f100d',
|
||||
appContentBg: '#0f100d',
|
||||
appPreviewBg: '#0f100d',
|
||||
appBorderColor: '#2a2c22',
|
||||
appBorderRadius: 10,
|
||||
|
||||
// Typography
|
||||
fontBase: "'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif",
|
||||
fontCode: "'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace",
|
||||
|
||||
// Text
|
||||
textColor: '#f3f4ee',
|
||||
textInverseColor: '#0f100d',
|
||||
textMutedColor: '#9a9c8c',
|
||||
|
||||
// Toolbar / sidebar bars
|
||||
barBg: '#16170f',
|
||||
barTextColor: '#9a9c8c',
|
||||
barSelectedColor: '#bef264',
|
||||
barHoverColor: '#bef264',
|
||||
|
||||
// Inputs
|
||||
inputBg: '#1c1d16',
|
||||
inputBorder: '#2a2c22',
|
||||
inputTextColor: '#f3f4ee',
|
||||
inputBorderRadius: 8,
|
||||
});
|
||||
Reference in New Issue
Block a user