@devtools-ds/themes
Version:
Each of the UI components in this project contains themes for multiple browsers. These themes are built using the [postcss-themed](https://github.com/intuit/postcss-themed) package, which allows us to specify themes for multiple browsers in light and dark
237 lines • 7.55 kB
TypeScript
export declare const chrome: {
light: {
backgroundColor: string;
textColor: string;
error: string;
errorBorder: string;
errorBackground: string;
errorText: string;
warning: string;
warningBorder: string;
warningBackground: string;
warningText: string;
gray01: string;
gray02: string;
gray03: string;
gray04: string;
gray05: string;
gray06: string;
blue01: string;
blue02: string;
blue03: string;
blue04: string;
blue05: string;
green01: string;
red01: string;
purple01: string;
purple02: string;
purple03: string;
brown01: string;
};
dark: {
backgroundColor: string;
textColor: string;
error: string;
errorBorder: string;
errorBackground: string;
errorText: string;
warning: string;
warningBorder: string;
warningBackground: string;
warningText: string;
gray01: string;
gray02: string;
gray03: string;
gray04: string;
gray05: string;
gray06: string;
blue01: string;
blue02: string;
blue03: string;
blue04: string;
blue05: string;
orange01: string;
orange02: string;
pink01: string;
pink02: string;
purple01: string;
purple02: string;
};
};
export declare const firefox: {
readonly light: {
readonly backgroundColor: "#FFFFFF";
readonly textColor: "#47474C";
readonly error: "#EA000E";
readonly errorBorder: "#FFD3DB";
readonly errorBackground: "#FFF1F5";
readonly errorText: "#B30000";
readonly warning: "#C5A500";
readonly warningBorder: "#F5EBA4";
readonly warningBackground: "#FFFCDB";
readonly warningText: "#7C5B00";
readonly gray01: "#FAFAFA";
readonly gray02: "#E9E9E9";
readonly gray03: "#BEBEC0";
readonly gray04: "#6A6A6A";
readonly gray05: "#575757";
readonly gray06: "#181818";
readonly blue01: "#F2FAFE";
readonly blue02: "#DFEFFF";
readonly blue03: "#007FEB";
readonly blue04: "#0A66E6";
readonly blue05: "#034AB4";
readonly green01: "#049600";
readonly green02: "#117C04";
readonly pink01: "#E51EBB";
readonly purple01: "#8304d7";
};
readonly dark: {
readonly backgroundColor: "#232327";
readonly textColor: "#BABABB";
readonly error: "#FF0768";
readonly errorBorder: "#7C3A4C";
readonly errorBackground: "#502D36";
readonly errorText: "#FFAED3";
readonly warning: "#DCBE00";
readonly warningBorder: "#616134";
readonly warningBackground: "#4B4022";
readonly warningText: "#ECD79E";
readonly gray01: "#9D9D9E";
readonly gray02: "#404046";
readonly gray03: "#343439";
readonly gray04: "#27272C";
readonly gray05: "#18181A";
readonly gray06: "#0C0C0D";
readonly blue01: "#80C6FF";
readonly blue02: "#6FB9FF";
readonly blue03: "#5DC0FF";
readonly blue04: "#0A84FF";
readonly blue05: "#235895";
readonly green01: "#91E27F";
readonly green02: "#81DF6C";
readonly pink01: "#FF88EC";
readonly pink02: "#EB7ED9";
readonly purple01: "#C288FF";
};
};
export declare const all: {
chrome: {
light: {
backgroundColor: string;
textColor: string;
error: string;
errorBorder: string;
errorBackground: string;
errorText: string;
warning: string;
warningBorder: string;
warningBackground: string;
warningText: string;
gray01: string;
gray02: string;
gray03: string;
gray04: string;
gray05: string;
gray06: string;
blue01: string;
blue02: string;
blue03: string;
blue04: string;
blue05: string;
green01: string;
red01: string;
purple01: string;
purple02: string;
purple03: string;
brown01: string;
};
dark: {
backgroundColor: string;
textColor: string;
error: string;
errorBorder: string;
errorBackground: string;
errorText: string;
warning: string;
warningBorder: string;
warningBackground: string;
warningText: string;
gray01: string;
gray02: string;
gray03: string;
gray04: string;
gray05: string;
gray06: string;
blue01: string;
blue02: string;
blue03: string;
blue04: string;
blue05: string;
orange01: string;
orange02: string;
pink01: string;
pink02: string;
purple01: string;
purple02: string;
};
};
firefox: {
readonly light: {
readonly backgroundColor: "#FFFFFF";
readonly textColor: "#47474C";
readonly error: "#EA000E";
readonly errorBorder: "#FFD3DB";
readonly errorBackground: "#FFF1F5";
readonly errorText: "#B30000";
readonly warning: "#C5A500";
readonly warningBorder: "#F5EBA4";
readonly warningBackground: "#FFFCDB";
readonly warningText: "#7C5B00";
readonly gray01: "#FAFAFA";
readonly gray02: "#E9E9E9";
readonly gray03: "#BEBEC0";
readonly gray04: "#6A6A6A";
readonly gray05: "#575757";
readonly gray06: "#181818";
readonly blue01: "#F2FAFE";
readonly blue02: "#DFEFFF";
readonly blue03: "#007FEB";
readonly blue04: "#0A66E6";
readonly blue05: "#034AB4";
readonly green01: "#049600";
readonly green02: "#117C04";
readonly pink01: "#E51EBB";
readonly purple01: "#8304d7";
};
readonly dark: {
readonly backgroundColor: "#232327";
readonly textColor: "#BABABB";
readonly error: "#FF0768";
readonly errorBorder: "#7C3A4C";
readonly errorBackground: "#502D36";
readonly errorText: "#FFAED3";
readonly warning: "#DCBE00";
readonly warningBorder: "#616134";
readonly warningBackground: "#4B4022";
readonly warningText: "#ECD79E";
readonly gray01: "#9D9D9E";
readonly gray02: "#404046";
readonly gray03: "#343439";
readonly gray04: "#27272C";
readonly gray05: "#18181A";
readonly gray06: "#0C0C0D";
readonly blue01: "#80C6FF";
readonly blue02: "#6FB9FF";
readonly blue03: "#5DC0FF";
readonly blue04: "#0A84FF";
readonly blue05: "#235895";
readonly green01: "#91E27F";
readonly green02: "#81DF6C";
readonly pink01: "#FF88EC";
readonly pink02: "#EB7ED9";
readonly purple01: "#C288FF";
};
};
};
//# sourceMappingURL=themes.d.ts.map