Skip to main content
Version: Next

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;
};
};
}