@abdalla-1/swisco/types/config/themes.d.ts

Swiscare Components Kit

export declare const light: {
    transparent: string;
    color: string;
    background: string;
    borderColor: string;
    backgroundStrong: string;
    backgroundSoft: string;
    backgroundHover: string;
    backgroundPress: string;
    backgroundFocus: string;
    backgroundTransparent: string;
    colorHover: string;
    colorPress: string;
    colorFocus: string;
    colorTranslucent: string;
    colorMid: string;
    shadowColor: string;
    shadowColorHover: string;
    shadowColorPress: string;
    shadowColorFocus: string;
    borderColorHover: string;
    borderColorPress: string;
    borderColorFocus: string;
    white: string;
    black: string;
    'primary.subtle': string;
    'primary.normal': string;
    'primary.heavy': string;
    'foreground.main': string;
    'foreground.secondary': string;
    'foreground.tertiary': string;
    'background.main': string;
    'background.secondary': string;
    'background.tertiary': string;
    'divider.subtle': string;
    'divider.normal': string;
    'divider.heavy': string;
    'border.subtle': string;
    'border.normal': string;
    'border.heavy': string;
    'red.subtle': string;
    'red.normal': string;
    'red.heavy': string;
    'green.subtle': string;
    'green.normal': string;
    'green.heavy': string;
    'orange.subtle': string;
    'orange.normal': string;
    'orange.heavy': string;
    'yellow.subtle': string;
    'yellow.normal': string;
    'yellow.heavy': string;
    'pink.subtle': string;
    'pink.normal': string;
    'pink.heavy': string;
    'lime.subtle': string;
    'lime.normal': string;
    'lime.heavy': string;
    'purple.subtle': string;
    'purple.normal': string;
    'purple.heavy': string;
    'sky.subtle': string;
    'sky.normal': string;
    'sky.heavy': string;
    'interaction.focus': string;
};
export declare const dark: BaseTheme;
export type BaseTheme = typeof light;
declare const allThemes: {
    light: {
        transparent: string;
        color: string;
        background: string;
        borderColor: string;
        backgroundStrong: string;
        backgroundSoft: string;
        backgroundHover: string;
        backgroundPress: string;
        backgroundFocus: string;
        backgroundTransparent: string;
        colorHover: string;
        colorPress: string;
        colorFocus: string;
        colorTranslucent: string;
        colorMid: string;
        shadowColor: string;
        shadowColorHover: string;
        shadowColorPress: string;
        shadowColorFocus: string;
        borderColorHover: string;
        borderColorPress: string;
        borderColorFocus: string;
        white: string;
        black: string;
        'primary.subtle': string;
        'primary.normal': string;
        'primary.heavy': string;
        'foreground.main': string;
        'foreground.secondary': string;
        'foreground.tertiary': string;
        'background.main': string;
        'background.secondary': string;
        'background.tertiary': string;
        'divider.subtle': string;
        'divider.normal': string;
        'divider.heavy': string;
        'border.subtle': string;
        'border.normal': string;
        'border.heavy': string;
        'red.subtle': string;
        'red.normal': string;
        'red.heavy': string;
        'green.subtle': string;
        'green.normal': string;
        'green.heavy': string;
        'orange.subtle': string;
        'orange.normal': string;
        'orange.heavy': string;
        'yellow.subtle': string;
        'yellow.normal': string;
        'yellow.heavy': string;
        'pink.subtle': string;
        'pink.normal': string;
        'pink.heavy': string;
        'lime.subtle': string;
        'lime.normal': string;
        'lime.heavy': string;
        'purple.subtle': string;
        'purple.normal': string;
        'purple.heavy': string;
        'sky.subtle': string;
        'sky.normal': string;
        'sky.heavy': string;
        'interaction.focus': string;
    };
    dark: {
        transparent: string;
        color: string;
        background: string;
        borderColor: string;
        backgroundStrong: string;
        backgroundSoft: string;
        backgroundHover: string;
        backgroundPress: string;
        backgroundFocus: string;
        backgroundTransparent: string;
        colorHover: string;
        colorPress: string;
        colorFocus: string;
        colorTranslucent: string;
        colorMid: string;
        shadowColor: string;
        shadowColorHover: string;
        shadowColorPress: string;
        shadowColorFocus: string;
        borderColorHover: string;
        borderColorPress: string;
        borderColorFocus: string;
        white: string;
        black: string;
        'primary.subtle': string;
        'primary.normal': string;
        'primary.heavy': string;
        'foreground.main': string;
        'foreground.secondary': string;
        'foreground.tertiary': string;
        'background.main': string;
        'background.secondary': string;
        'background.tertiary': string;
        'divider.subtle': string;
        'divider.normal': string;
        'divider.heavy': string;
        'border.subtle': string;
        'border.normal': string;
        'border.heavy': string;
        'red.subtle': string;
        'red.normal': string;
        'red.heavy': string;
        'green.subtle': string;
        'green.normal': string;
        'green.heavy': string;
        'orange.subtle': string;
        'orange.normal': string;
        'orange.heavy': string;
        'yellow.subtle': string;
        'yellow.normal': string;
        'yellow.heavy': string;
        'pink.subtle': string;
        'pink.normal': string;
        'pink.heavy': string;
        'lime.subtle': string;
        'lime.normal': string;
        'lime.heavy': string;
        'purple.subtle': string;
        'purple.normal': string;
        'purple.heavy': string;
        'sky.subtle': string;
        'sky.normal': string;
        'sky.heavy': string;
        'interaction.focus': string;
    };
};
type ThemeName = keyof typeof allThemes;
type Themes = {
    [key in ThemeName]: BaseTheme;
};
export declare const themes: Themes;
export {};
//# sourceMappingURL=themes.d.ts.map