Senko-san
40 lines
992 B
TypeScript
40 lines
992 B
TypeScript
import { create } from 'storybook/theming';
|
|
|
|
/* Light, green-accented chrome so the Storybook UI + autodocs match the
|
|
"Simplicity, air, lightness" MtAir surface instead of stock white/dark. */
|
|
export default create({
|
|
base: 'light',
|
|
|
|
brandTitle: 'MtAir',
|
|
colorPrimary: '#1E6E48',
|
|
colorSecondary: '#1E6E48',
|
|
|
|
// App
|
|
appBg: '#F3F0EB',
|
|
appContentBg: '#FFFFFF',
|
|
appPreviewBg: '#FFFFFF',
|
|
appBorderColor: '#E9E5DD',
|
|
appBorderRadius: 10,
|
|
|
|
// Typography
|
|
fontBase: "'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
|
|
fontCode: "'Fira Code', 'SF Mono', 'Cascadia Code', ui-monospace, monospace",
|
|
|
|
// Text
|
|
textColor: '#181610',
|
|
textInverseColor: '#FFFFFF',
|
|
textMutedColor: '#6B6760',
|
|
|
|
// Toolbar / sidebar bars
|
|
barBg: '#FAF9F7',
|
|
barTextColor: '#6B6760',
|
|
barSelectedColor: '#1E6E48',
|
|
barHoverColor: '#1E6E48',
|
|
|
|
// Inputs
|
|
inputBg: '#FFFFFF',
|
|
inputBorder: '#D4CFC9',
|
|
inputTextColor: '#181610',
|
|
inputBorderRadius: 8,
|
|
});
|