125 lines
2.5 KiB
JavaScript
125 lines
2.5 KiB
JavaScript
import PropTypes from 'prop-types';
|
|
|
|
// ==============================|| PRESET THEME - DEFAULT ||============================== //
|
|
|
|
const Default = (colors) => {
|
|
const { red, gold, cyan, green, grey } = colors;
|
|
const greyColors = {
|
|
0: grey[0],
|
|
50: grey[1],
|
|
100: grey[2],
|
|
200: grey[3],
|
|
300: grey[4],
|
|
400: grey[5],
|
|
500: grey[6],
|
|
600: grey[7],
|
|
700: grey[8],
|
|
800: grey[9],
|
|
900: grey[10],
|
|
A50: grey[15],
|
|
A100: grey[11],
|
|
A200: grey[12],
|
|
A400: grey[13],
|
|
A700: grey[14],
|
|
A800: grey[16]
|
|
};
|
|
const contrastText = '#fff';
|
|
|
|
return {
|
|
// primary: {
|
|
// lighter: blue[0],
|
|
// 100: blue[1],
|
|
// 200: blue[2],
|
|
// light: blue[3],
|
|
// 400: blue[4],
|
|
// main: blue[5],
|
|
// dark: blue[6],
|
|
// 700: blue[7],
|
|
// darker: blue[8],
|
|
// 900: blue[9],
|
|
// contrastText
|
|
// },
|
|
primary: {
|
|
lighter: '#F6DBDF',
|
|
100: '#E9ACB3',
|
|
200: '#DD7F8A',
|
|
light: '#D35968',
|
|
400: '#D35968',
|
|
main: '#C01227',
|
|
dark: '#900E1D',
|
|
700: '#6D0A16',
|
|
darker: '#47070E',
|
|
900: '#2A0409',
|
|
contrastText: '#FFFFFF'
|
|
},
|
|
secondary: {
|
|
lighter: greyColors[100],
|
|
100: greyColors[100],
|
|
200: greyColors[200],
|
|
light: greyColors[300],
|
|
400: greyColors[400],
|
|
main: greyColors[500],
|
|
600: greyColors[600],
|
|
dark: greyColors[700],
|
|
800: greyColors[800],
|
|
darker: greyColors[900],
|
|
A100: greyColors[0],
|
|
A200: greyColors.A400,
|
|
A300: greyColors.A700,
|
|
contrastText: greyColors[0]
|
|
},
|
|
error: {
|
|
lighter: red[0],
|
|
light: red[2],
|
|
main: red[4],
|
|
dark: red[7],
|
|
darker: red[9],
|
|
contrastText
|
|
},
|
|
warning: {
|
|
lighter: gold[0],
|
|
light: gold[3],
|
|
main: gold[5],
|
|
dark: gold[7],
|
|
darker: gold[9],
|
|
contrastText: greyColors[100]
|
|
},
|
|
info: {
|
|
lighter: cyan[0],
|
|
light: cyan[3],
|
|
main: cyan[5],
|
|
dark: cyan[7],
|
|
darker: cyan[9],
|
|
contrastText
|
|
},
|
|
success: {
|
|
lighter: green[0],
|
|
100: green[1],
|
|
light: green[3],
|
|
400: green[4],
|
|
main: green[5],
|
|
600: green[6],
|
|
dark: green[7],
|
|
darker: green[9],
|
|
contrastText
|
|
},
|
|
chip: {
|
|
accept: '#5d4037',
|
|
arrive: '#009688',
|
|
active: '#880e4f'
|
|
},
|
|
grey: greyColors,
|
|
bg: {
|
|
main: '#E0E0E0',
|
|
light: '#fafafb',
|
|
line: '#E6EBF1'
|
|
}
|
|
};
|
|
};
|
|
|
|
Default.propTypes = {
|
|
colors: PropTypes.object
|
|
};
|
|
|
|
export default Default;
|