palettes

Home > @backstage/theme > palettes

Built-in Backstage color palettes.

Signature:

palettes: {
    light: {
        type: "light";
        mode: "light";
        background: {
            default: string;
            paper: string;
        };
        status: {
            ok: string;
            warning: string;
            error: string;
            running: string;
            pending: string;
            aborted: string;
        };
        bursts: {
            fontColor: string;
            slackChannelText: string;
            backgroundColor: {
                default: string;
            };
            gradient: {
                linear: string;
            };
        };
        primary: {
            main: string;
        };
        banner: {
            info: string;
            error: string;
            text: string;
            link: string;
            closeButtonColor: string;
            warning: string;
        };
        border: string;
        textContrast: string;
        textVerySubtle: string;
        textSubtle: string;
        highlight: string;
        errorBackground: string;
        warningBackground: string;
        infoBackground: string;
        errorText: string;
        infoText: string;
        warningText: string;
        linkHover: string;
        link: string;
        gold: string;
        navigation: {
            background: string;
            indicator: string;
            color: string;
            selectedColor: string;
            navItem: {
                hoverBackground: string;
            };
            submenu: {
                background: string;
            };
        };
        pinSidebarButton: {
            icon: string;
            background: string;
        };
        tabbar: {
            indicator: string;
        };
    };
    dark: {
        type: "dark";
        mode: "dark";
        background: {
            default: string;
            paper: string;
        };
        status: {
            ok: string;
            warning: string;
            error: string;
            running: string;
            pending: string;
            aborted: string;
        };
        bursts: {
            fontColor: string;
            slackChannelText: string;
            backgroundColor: {
                default: string;
            };
            gradient: {
                linear: string;
            };
        };
        primary: {
            main: string;
            dark: string;
        };
        secondary: {
            main: string;
        };
        banner: {
            info: string;
            error: string;
            text: string;
            link: string;
            closeButtonColor: string;
            warning: string;
        };
        border: string;
        textContrast: string;
        textVerySubtle: string;
        textSubtle: string;
        highlight: string;
        errorBackground: string;
        warningBackground: string;
        infoBackground: string;
        errorText: string;
        infoText: string;
        warningText: string;
        linkHover: string;
        link: string;
        gold: string;
        navigation: {
            background: string;
            indicator: string;
            color: string;
            selectedColor: string;
            navItem: {
                hoverBackground: string;
            };
            submenu: {
                background: string;
            };
        };
        pinSidebarButton: {
            icon: string;
            background: string;
        };
        tabbar: {
            indicator: string;
        };
    };
}