189 lines
4.0 KiB
TypeScript
189 lines
4.0 KiB
TypeScript
export const PALETTE = {
|
|
primary: {
|
|
light: {
|
|
main: '#212121',
|
|
dark: '#000000',
|
|
light: '#616161',
|
|
contrastText: '#FFFFFF',
|
|
hover: '#21212104',
|
|
selected: '#21212108',
|
|
focus: '#21212112',
|
|
focusVisible: '#21212130',
|
|
outlinedBorder: '#21212150',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#64b5f6',
|
|
light: '#90caf9',
|
|
dark: '#42a5f5',
|
|
contrastText: 'rgba(0, 0, 0, 0.87)',
|
|
},
|
|
},
|
|
secondary: {
|
|
light: {
|
|
main: '#FF5722',
|
|
dark: '#E64A19',
|
|
light: '#FF8A65',
|
|
contrastText: '#FFFFFF',
|
|
hover: '#FF572204',
|
|
selected: '#FF572208',
|
|
focus: '#FF572212',
|
|
focusVisible: '#FF572230',
|
|
outlinedBorder: '#FF572250',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#ce93d8',
|
|
light: '#f3e5f5',
|
|
dark: '#ab47bc',
|
|
contrastText: 'rgba(0, 0, 0, 0.87)',
|
|
},
|
|
},
|
|
action: {
|
|
light: {
|
|
action: '#00000056',
|
|
hover: '#00000004',
|
|
selected: '#00000008',
|
|
focus: '#00000012',
|
|
disabled: '#00000038',
|
|
disabledBackground: '#00000012',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
action: '#FFFFFF56',
|
|
hover: '#FFFFFF04',
|
|
selected: '#FFFFFF08',
|
|
focus: '#FFFFFF12',
|
|
disabled: '#FFFFFF38',
|
|
disabledBackground: '#FFFFFF12',
|
|
},
|
|
},
|
|
error: {
|
|
light: {
|
|
main: '#E53935',
|
|
dark: '#C62828',
|
|
light: '#EF5350',
|
|
contrast: '#FFFFFF',
|
|
hover: '#D32F2F04',
|
|
selected: '#D32F2F08',
|
|
focusVisible: '#D32F2F30',
|
|
outlinedBorder: '#D32F2F50',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#E53935',
|
|
dark: '#C62828',
|
|
light: '#EF5350',
|
|
contrast: '#FFFFFF',
|
|
hover: '#D32F2F04',
|
|
selected: '#D32F2F08',
|
|
focusVisible: '#D32F2F30',
|
|
outlinedBorder: '#D32F2F50',
|
|
},
|
|
},
|
|
warning: {
|
|
light: {
|
|
main: '#EF6C00',
|
|
dark: '#E65100',
|
|
light: '#FF9800',
|
|
contrast: '#FFFFFF',
|
|
hover: '#EF6C0004',
|
|
selected: '#EF6C0008',
|
|
focusVisible: '#EF6C0030',
|
|
outlinedBorder: '#EF6C0050',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#EF6C00',
|
|
dark: '#E65100',
|
|
light: '#FF9800',
|
|
contrast: '#FFFFFF',
|
|
hover: '#EF6C0004',
|
|
selected: '#EF6C0008',
|
|
focusVisible: '#EF6C0030',
|
|
outlinedBorder: '#EF6C0050',
|
|
},
|
|
},
|
|
info: {
|
|
light: {
|
|
main: '#29B6F6',
|
|
dark: '#0288D1',
|
|
light: '#4FC3F7',
|
|
contrast: '#FFFFFF',
|
|
hover: '#0288D104',
|
|
selected: '#0288D108',
|
|
focusVisible: '#0288D130',
|
|
outlinedBorder: '#0288D150',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#29B6F6',
|
|
dark: '#0288D1',
|
|
light: '#4FC3F7',
|
|
contrast: '#FFFFFF',
|
|
hover: '#0288D104',
|
|
selected: '#0288D108',
|
|
focusVisible: '#0288D130',
|
|
outlinedBorder: '#0288D150',
|
|
},
|
|
},
|
|
success: {
|
|
light: {
|
|
main: '#43A047',
|
|
dark: '#1B5E20',
|
|
light: '#81C784',
|
|
contrast: '#FFFFFF',
|
|
hover: '#2E7D3204',
|
|
selected: '#2E7D3208',
|
|
focusVisible: '#2E7D3230',
|
|
outlinedBorder: '#2E7D3250',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#43A047',
|
|
dark: '#1B5E20',
|
|
light: '#81C784',
|
|
contrast: '#FFFFFF',
|
|
hover: '#2E7D3204',
|
|
selected: '#2E7D3208',
|
|
focusVisible: '#2E7D3230',
|
|
outlinedBorder: '#2E7D3250',
|
|
},
|
|
},
|
|
// Background colors
|
|
background: {
|
|
light: {
|
|
default: '#FAFAFA',
|
|
},
|
|
dark: {
|
|
default: '#121212',
|
|
},
|
|
},
|
|
// Text colors
|
|
text: {
|
|
light: {
|
|
primary: '#000000',
|
|
secondary: '#424242',
|
|
tertiary: '#757575',
|
|
disabled: '#00000038',
|
|
hover: '#00000004',
|
|
selected: '#00000008',
|
|
divider: '#E0E0E0',
|
|
focus: '#00000012',
|
|
focusVisible: '#00000030',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
primary: '#FFFFFF',
|
|
secondary: '#424242',
|
|
tertiary: '#757575',
|
|
disabled: '#FFFFFF38',
|
|
hover: '#FFFFFF04',
|
|
selected: '#FFFFFF08',
|
|
divider: '#E0E0E0',
|
|
focus: '#FFFFFF12',
|
|
focusVisible: '#FFFFFF30',
|
|
},
|
|
},
|
|
};
|