134 lines
2.4 KiB
TypeScript
134 lines
2.4 KiB
TypeScript
import { blue } from '@mui/material/colors';
|
|
import type { Palette } from './color.type';
|
|
|
|
export const PALETTE: Palette = {
|
|
primary: {
|
|
light: {
|
|
main: blue.A400,
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// 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',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#ce93d8',
|
|
light: '#f3e5f5',
|
|
dark: '#ab47bc',
|
|
contrastText: 'rgba(0, 0, 0, 0.87)',
|
|
},
|
|
},
|
|
action: {
|
|
light: {
|
|
hover: '#00000004',
|
|
selected: '#00000008',
|
|
focus: '#00000012',
|
|
disabled: '#00000038',
|
|
disabledBackground: '#00000012',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
hover: '#FFFFFF04',
|
|
selected: '#FFFFFF08',
|
|
focus: '#FFFFFF12',
|
|
disabled: '#FFFFFF38',
|
|
disabledBackground: '#FFFFFF12',
|
|
},
|
|
},
|
|
error: {
|
|
light: {
|
|
main: '#E53935',
|
|
dark: '#C62828',
|
|
light: '#EF5350',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#E53935',
|
|
dark: '#C62828',
|
|
light: '#EF5350',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
},
|
|
warning: {
|
|
light: {
|
|
main: '#EF6C00',
|
|
dark: '#E65100',
|
|
light: '#FF9800',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#EF6C00',
|
|
dark: '#E65100',
|
|
light: '#FF9800',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
},
|
|
info: {
|
|
light: {
|
|
main: '#29B6F6',
|
|
dark: '#0288D1',
|
|
light: '#4FC3F7',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#29B6F6',
|
|
dark: '#0288D1',
|
|
light: '#4FC3F7',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
},
|
|
success: {
|
|
light: {
|
|
main: '#43A047',
|
|
dark: '#1B5E20',
|
|
light: '#81C784',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#43A047',
|
|
dark: '#1B5E20',
|
|
light: '#81C784',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
},
|
|
// Background colors
|
|
background: {
|
|
light: {
|
|
default: '#FAFAFA',
|
|
},
|
|
dark: {
|
|
default: '#121212',
|
|
},
|
|
},
|
|
// Text colors
|
|
text: {
|
|
light: {
|
|
primary: '#000000',
|
|
secondary: '#424242',
|
|
disabled: '#00000038',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
primary: '#FFFFFF',
|
|
secondary: '#424242',
|
|
disabled: '#FFFFFF38',
|
|
},
|
|
},
|
|
};
|