131 lines
2.4 KiB
TypeScript
131 lines
2.4 KiB
TypeScript
import { blue, grey } from '@mui/material/colors';
|
|
import type { Palette } from './color.type';
|
|
|
|
export const PALETTE: Palette = {
|
|
primary: {
|
|
light: {
|
|
main: blue.A400,
|
|
dark: blue[700],
|
|
light: blue[100],
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
dark: {
|
|
main: blue[300],
|
|
light: blue[100],
|
|
dark: blue[500],
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
},
|
|
secondary: {
|
|
light: {
|
|
main: grey[900],
|
|
dark: '#000000',
|
|
light: grey[700],
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
dark: {
|
|
main: grey[300],
|
|
light: grey[100],
|
|
dark: grey[500],
|
|
contrastText: '#000000',
|
|
},
|
|
},
|
|
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: '#d32f2f',
|
|
dark: '#c62828',
|
|
light: '#ef5350',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
dark: {
|
|
main: '#EF9A9A',
|
|
dark: '#E57373',
|
|
light: '#FFCDD2',
|
|
contrastText: '#000000',
|
|
},
|
|
},
|
|
warning: {
|
|
light: {
|
|
main: '#EF6C00',
|
|
dark: '#E65100',
|
|
light: '#FF9800',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
dark: {
|
|
main: '#FFB74D',
|
|
dark: '#FFA726',
|
|
light: '#FFE0B2',
|
|
contrastText: '#000000',
|
|
},
|
|
},
|
|
info: {
|
|
light: {
|
|
main: '#29B6F6',
|
|
dark: '#0288D1',
|
|
light: '#4FC3F7',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
dark: {
|
|
main: '#81D4FA',
|
|
dark: '#4FC3F7',
|
|
light: '#E1F5FE',
|
|
contrastText: '#000000',
|
|
},
|
|
},
|
|
success: {
|
|
light: {
|
|
main: '#2e7d32',
|
|
dark: '#1b5e20',
|
|
light: '#4caf50',
|
|
contrastText: '#FFFFFF',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
main: '#A5D6A7',
|
|
dark: '#66BB6A',
|
|
light: '#C8E6C9',
|
|
contrastText: '#000000',
|
|
},
|
|
},
|
|
// Background colors
|
|
background: {
|
|
light: {
|
|
default: grey[100],
|
|
},
|
|
dark: {
|
|
default: '#121212',
|
|
},
|
|
},
|
|
// Text colors
|
|
text: {
|
|
light: {
|
|
primary: '#000000',
|
|
secondary: '#424242',
|
|
disabled: '#00000038',
|
|
},
|
|
// TODO
|
|
dark: {
|
|
primary: '#FFFFFF',
|
|
secondary: '#B0BEC5',
|
|
disabled: '#FFFFFF38',
|
|
},
|
|
},
|
|
};
|