initial commit
This commit is contained in:
124
src/themes/theme/default.js
Normal file
124
src/themes/theme/default.js
Normal file
@@ -0,0 +1,124 @@
|
||||
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: '#E8D9EF',
|
||||
100: '#CBA7DA',
|
||||
200: '#AE76C4',
|
||||
light: '#9255AB',
|
||||
400: '#9255AB',
|
||||
main: '#662582',
|
||||
dark: '#4D1C61',
|
||||
700: '#3A1549',
|
||||
darker: '#260E30',
|
||||
900: '#17081D',
|
||||
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;
|
||||
Reference in New Issue
Block a user