Variable colorSchemesConst
colorSchemes: {
dark: {
palette: {
action: { hover: string; selected: string };
background: { default: string; paper: string };
baseShadow: string;
divider: string;
error: { dark: string; light: string; main: string };
flows: {
inflows: { primary: string; surface: string; text: string };
outflows: { primary: string; surface: string; text: string };
};
grey: {
"100": string;
"200": string;
"300": string;
"400": string;
"50": string;
"500": string;
"600": string;
"700": string;
"750": string;
"800": string;
"850": string;
"900": string;
};
info: { contrastText: string; dark: string; light: string; main: string };
primary: {
contrastText: string;
dark: string;
light: string;
main: string;
};
success: { dark: string; light: string; main: string };
text: { primary: string; secondary: string };
warning: { dark: string; light: string; main: string };
};
};
light: {
palette: {
action: { hover: string; selected: string };
background: { default: string; paper: string };
baseShadow: string;
divider: string;
error: { dark: string; light: string; main: string };
flows: {
inflows: { primary: string; surface: string; text: string };
outflows: { primary: string; surface: string; text: string };
};
grey: {
"100": string;
"200": string;
"300": string;
"400": string;
"50": string;
"500": string;
"600": string;
"700": string;
"750": string;
"800": string;
"850": string;
"900": string;
};
info: { contrastText: string; dark: string; light: string; main: string };
primary: {
contrastText: string;
dark: string;
light: string;
main: string;
};
success: { dark: string; light: string; main: string };
text: { primary: string; secondary: string; warning: string };
warning: { dark: string; light: string; main: string };
};
};
} = ...
Type declaration
dark: {
palette: {
action: { hover: string; selected: string };
background: { default: string; paper: string };
baseShadow: string;
divider: string;
error: { dark: string; light: string; main: string };
flows: {
inflows: { primary: string; surface: string; text: string };
outflows: { primary: string; surface: string; text: string };
};
grey: {
"100": string;
"200": string;
"300": string;
"400": string;
"50": string;
"500": string;
"600": string;
"700": string;
"750": string;
"800": string;
"850": string;
"900": string;
};
info: { contrastText: string; dark: string; light: string; main: string };
primary: {
contrastText: string;
dark: string;
light: string;
main: string;
};
success: { dark: string; light: string; main: string };
text: { primary: string; secondary: string };
warning: { dark: string; light: string; main: string };
};
}
light: {
palette: {
action: { hover: string; selected: string };
background: { default: string; paper: string };
baseShadow: string;
divider: string;
error: { dark: string; light: string; main: string };
flows: {
inflows: { primary: string; surface: string; text: string };
outflows: { primary: string; surface: string; text: string };
};
grey: {
"100": string;
"200": string;
"300": string;
"400": string;
"50": string;
"500": string;
"600": string;
"700": string;
"750": string;
"800": string;
"850": string;
"900": string;
};
info: { contrastText: string; dark: string; light: string; main: string };
primary: {
contrastText: string;
dark: string;
light: string;
main: string;
};
success: { dark: string; light: string; main: string };
text: { primary: string; secondary: string; warning: string };
warning: { dark: string; light: string; main: string };
};
}
Explicit light/dark
colorSchemespalette definitions.