storybook/dist/theming/create.d.ts

Storybook: Develop, document, and test UI components in isolation

interface ThemeVars extends ThemeVarsBase, ThemeVarsColors {
}
interface ThemeVarsPartial extends ThemeVarsBase, Partial<ThemeVarsColors> {
}
interface ThemeVarsBase {
    base: 'light' | 'dark';
}
interface ThemeVarsColors {
    colorPrimary: string;
    colorSecondary: string;
    appBg: string;
    appContentBg: string;
    appHoverBg: string;
    appPreviewBg: string;
    appBorderColor: string;
    appBorderRadius: number;
    fontBase: string;
    fontCode: string;
    textColor: string;
    textInverseColor: string;
    textMutedColor: string;
    barTextColor: string;
    barHoverColor: string;
    barSelectedColor: string;
    barBg: string;
    buttonBg: string;
    buttonBorder: string;
    booleanBg: string;
    booleanSelectedBg: string;
    inputBg: string;
    inputBorder: string;
    inputTextColor: string;
    inputBorderRadius: number;
    brandTitle?: string;
    brandUrl?: string;
    brandImage?: string;
    brandTarget?: string;
    gridCellSize?: number;
}

interface Themes {
    light: ThemeVars;
    dark: ThemeVars;
    normal: ThemeVars;
}
declare const themes: Themes;
interface Rest {
    [key: string]: unknown;
}
declare const create: (vars?: ThemeVarsPartial, rest?: Rest) => ThemeVars;

export { create, themes };