40 lines
941 B
TypeScript
40 lines
941 B
TypeScript
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,
|
|
});
|