320 lines
6.5 KiB
JavaScript
320 lines
6.5 KiB
JavaScript
|
const red = Object.freeze({
|
||
|
base: '#f44336',
|
||
|
lighten5: '#ffebee',
|
||
|
lighten4: '#ffcdd2',
|
||
|
lighten3: '#ef9a9a',
|
||
|
lighten2: '#e57373',
|
||
|
lighten1: '#ef5350',
|
||
|
darken1: '#e53935',
|
||
|
darken2: '#d32f2f',
|
||
|
darken3: '#c62828',
|
||
|
darken4: '#b71c1c',
|
||
|
accent1: '#ff8a80',
|
||
|
accent2: '#ff5252',
|
||
|
accent3: '#ff1744',
|
||
|
accent4: '#d50000'
|
||
|
});
|
||
|
const pink = Object.freeze({
|
||
|
base: '#e91e63',
|
||
|
lighten5: '#fce4ec',
|
||
|
lighten4: '#f8bbd0',
|
||
|
lighten3: '#f48fb1',
|
||
|
lighten2: '#f06292',
|
||
|
lighten1: '#ec407a',
|
||
|
darken1: '#d81b60',
|
||
|
darken2: '#c2185b',
|
||
|
darken3: '#ad1457',
|
||
|
darken4: '#880e4f',
|
||
|
accent1: '#ff80ab',
|
||
|
accent2: '#ff4081',
|
||
|
accent3: '#f50057',
|
||
|
accent4: '#c51162'
|
||
|
});
|
||
|
const purple = Object.freeze({
|
||
|
base: '#9c27b0',
|
||
|
lighten5: '#f3e5f5',
|
||
|
lighten4: '#e1bee7',
|
||
|
lighten3: '#ce93d8',
|
||
|
lighten2: '#ba68c8',
|
||
|
lighten1: '#ab47bc',
|
||
|
darken1: '#8e24aa',
|
||
|
darken2: '#7b1fa2',
|
||
|
darken3: '#6a1b9a',
|
||
|
darken4: '#4a148c',
|
||
|
accent1: '#ea80fc',
|
||
|
accent2: '#e040fb',
|
||
|
accent3: '#d500f9',
|
||
|
accent4: '#aa00ff'
|
||
|
});
|
||
|
const deepPurple = Object.freeze({
|
||
|
base: '#673ab7',
|
||
|
lighten5: '#ede7f6',
|
||
|
lighten4: '#d1c4e9',
|
||
|
lighten3: '#b39ddb',
|
||
|
lighten2: '#9575cd',
|
||
|
lighten1: '#7e57c2',
|
||
|
darken1: '#5e35b1',
|
||
|
darken2: '#512da8',
|
||
|
darken3: '#4527a0',
|
||
|
darken4: '#311b92',
|
||
|
accent1: '#b388ff',
|
||
|
accent2: '#7c4dff',
|
||
|
accent3: '#651fff',
|
||
|
accent4: '#6200ea'
|
||
|
});
|
||
|
const indigo = Object.freeze({
|
||
|
base: '#3f51b5',
|
||
|
lighten5: '#e8eaf6',
|
||
|
lighten4: '#c5cae9',
|
||
|
lighten3: '#9fa8da',
|
||
|
lighten2: '#7986cb',
|
||
|
lighten1: '#5c6bc0',
|
||
|
darken1: '#3949ab',
|
||
|
darken2: '#303f9f',
|
||
|
darken3: '#283593',
|
||
|
darken4: '#1a237e',
|
||
|
accent1: '#8c9eff',
|
||
|
accent2: '#536dfe',
|
||
|
accent3: '#3d5afe',
|
||
|
accent4: '#304ffe'
|
||
|
});
|
||
|
const blue = Object.freeze({
|
||
|
base: '#2196f3',
|
||
|
lighten5: '#e3f2fd',
|
||
|
lighten4: '#bbdefb',
|
||
|
lighten3: '#90caf9',
|
||
|
lighten2: '#64b5f6',
|
||
|
lighten1: '#42a5f5',
|
||
|
darken1: '#1e88e5',
|
||
|
darken2: '#1976d2',
|
||
|
darken3: '#1565c0',
|
||
|
darken4: '#0d47a1',
|
||
|
accent1: '#82b1ff',
|
||
|
accent2: '#448aff',
|
||
|
accent3: '#2979ff',
|
||
|
accent4: '#2962ff'
|
||
|
});
|
||
|
const lightBlue = Object.freeze({
|
||
|
base: '#03a9f4',
|
||
|
lighten5: '#e1f5fe',
|
||
|
lighten4: '#b3e5fc',
|
||
|
lighten3: '#81d4fa',
|
||
|
lighten2: '#4fc3f7',
|
||
|
lighten1: '#29b6f6',
|
||
|
darken1: '#039be5',
|
||
|
darken2: '#0288d1',
|
||
|
darken3: '#0277bd',
|
||
|
darken4: '#01579b',
|
||
|
accent1: '#80d8ff',
|
||
|
accent2: '#40c4ff',
|
||
|
accent3: '#00b0ff',
|
||
|
accent4: '#0091ea'
|
||
|
});
|
||
|
const cyan = Object.freeze({
|
||
|
base: '#00bcd4',
|
||
|
lighten5: '#e0f7fa',
|
||
|
lighten4: '#b2ebf2',
|
||
|
lighten3: '#80deea',
|
||
|
lighten2: '#4dd0e1',
|
||
|
lighten1: '#26c6da',
|
||
|
darken1: '#00acc1',
|
||
|
darken2: '#0097a7',
|
||
|
darken3: '#00838f',
|
||
|
darken4: '#006064',
|
||
|
accent1: '#84ffff',
|
||
|
accent2: '#18ffff',
|
||
|
accent3: '#00e5ff',
|
||
|
accent4: '#00b8d4'
|
||
|
});
|
||
|
const teal = Object.freeze({
|
||
|
base: '#009688',
|
||
|
lighten5: '#e0f2f1',
|
||
|
lighten4: '#b2dfdb',
|
||
|
lighten3: '#80cbc4',
|
||
|
lighten2: '#4db6ac',
|
||
|
lighten1: '#26a69a',
|
||
|
darken1: '#00897b',
|
||
|
darken2: '#00796b',
|
||
|
darken3: '#00695c',
|
||
|
darken4: '#004d40',
|
||
|
accent1: '#a7ffeb',
|
||
|
accent2: '#64ffda',
|
||
|
accent3: '#1de9b6',
|
||
|
accent4: '#00bfa5'
|
||
|
});
|
||
|
const green = Object.freeze({
|
||
|
base: '#4caf50',
|
||
|
lighten5: '#e8f5e9',
|
||
|
lighten4: '#c8e6c9',
|
||
|
lighten3: '#a5d6a7',
|
||
|
lighten2: '#81c784',
|
||
|
lighten1: '#66bb6a',
|
||
|
darken1: '#43a047',
|
||
|
darken2: '#388e3c',
|
||
|
darken3: '#2e7d32',
|
||
|
darken4: '#1b5e20',
|
||
|
accent1: '#b9f6ca',
|
||
|
accent2: '#69f0ae',
|
||
|
accent3: '#00e676',
|
||
|
accent4: '#00c853'
|
||
|
});
|
||
|
const lightGreen = Object.freeze({
|
||
|
base: '#8bc34a',
|
||
|
lighten5: '#f1f8e9',
|
||
|
lighten4: '#dcedc8',
|
||
|
lighten3: '#c5e1a5',
|
||
|
lighten2: '#aed581',
|
||
|
lighten1: '#9ccc65',
|
||
|
darken1: '#7cb342',
|
||
|
darken2: '#689f38',
|
||
|
darken3: '#558b2f',
|
||
|
darken4: '#33691e',
|
||
|
accent1: '#ccff90',
|
||
|
accent2: '#b2ff59',
|
||
|
accent3: '#76ff03',
|
||
|
accent4: '#64dd17'
|
||
|
});
|
||
|
const lime = Object.freeze({
|
||
|
base: '#cddc39',
|
||
|
lighten5: '#f9fbe7',
|
||
|
lighten4: '#f0f4c3',
|
||
|
lighten3: '#e6ee9c',
|
||
|
lighten2: '#dce775',
|
||
|
lighten1: '#d4e157',
|
||
|
darken1: '#c0ca33',
|
||
|
darken2: '#afb42b',
|
||
|
darken3: '#9e9d24',
|
||
|
darken4: '#827717',
|
||
|
accent1: '#f4ff81',
|
||
|
accent2: '#eeff41',
|
||
|
accent3: '#c6ff00',
|
||
|
accent4: '#aeea00'
|
||
|
});
|
||
|
const yellow = Object.freeze({
|
||
|
base: '#ffeb3b',
|
||
|
lighten5: '#fffde7',
|
||
|
lighten4: '#fff9c4',
|
||
|
lighten3: '#fff59d',
|
||
|
lighten2: '#fff176',
|
||
|
lighten1: '#ffee58',
|
||
|
darken1: '#fdd835',
|
||
|
darken2: '#fbc02d',
|
||
|
darken3: '#f9a825',
|
||
|
darken4: '#f57f17',
|
||
|
accent1: '#ffff8d',
|
||
|
accent2: '#ffff00',
|
||
|
accent3: '#ffea00',
|
||
|
accent4: '#ffd600'
|
||
|
});
|
||
|
const amber = Object.freeze({
|
||
|
base: '#ffc107',
|
||
|
lighten5: '#fff8e1',
|
||
|
lighten4: '#ffecb3',
|
||
|
lighten3: '#ffe082',
|
||
|
lighten2: '#ffd54f',
|
||
|
lighten1: '#ffca28',
|
||
|
darken1: '#ffb300',
|
||
|
darken2: '#ffa000',
|
||
|
darken3: '#ff8f00',
|
||
|
darken4: '#ff6f00',
|
||
|
accent1: '#ffe57f',
|
||
|
accent2: '#ffd740',
|
||
|
accent3: '#ffc400',
|
||
|
accent4: '#ffab00'
|
||
|
});
|
||
|
const orange = Object.freeze({
|
||
|
base: '#ff9800',
|
||
|
lighten5: '#fff3e0',
|
||
|
lighten4: '#ffe0b2',
|
||
|
lighten3: '#ffcc80',
|
||
|
lighten2: '#ffb74d',
|
||
|
lighten1: '#ffa726',
|
||
|
darken1: '#fb8c00',
|
||
|
darken2: '#f57c00',
|
||
|
darken3: '#ef6c00',
|
||
|
darken4: '#e65100',
|
||
|
accent1: '#ffd180',
|
||
|
accent2: '#ffab40',
|
||
|
accent3: '#ff9100',
|
||
|
accent4: '#ff6d00'
|
||
|
});
|
||
|
const deepOrange = Object.freeze({
|
||
|
base: '#ff5722',
|
||
|
lighten5: '#fbe9e7',
|
||
|
lighten4: '#ffccbc',
|
||
|
lighten3: '#ffab91',
|
||
|
lighten2: '#ff8a65',
|
||
|
lighten1: '#ff7043',
|
||
|
darken1: '#f4511e',
|
||
|
darken2: '#e64a19',
|
||
|
darken3: '#d84315',
|
||
|
darken4: '#bf360c',
|
||
|
accent1: '#ff9e80',
|
||
|
accent2: '#ff6e40',
|
||
|
accent3: '#ff3d00',
|
||
|
accent4: '#dd2c00'
|
||
|
});
|
||
|
const brown = Object.freeze({
|
||
|
base: '#795548',
|
||
|
lighten5: '#efebe9',
|
||
|
lighten4: '#d7ccc8',
|
||
|
lighten3: '#bcaaa4',
|
||
|
lighten2: '#a1887f',
|
||
|
lighten1: '#8d6e63',
|
||
|
darken1: '#6d4c41',
|
||
|
darken2: '#5d4037',
|
||
|
darken3: '#4e342e',
|
||
|
darken4: '#3e2723'
|
||
|
});
|
||
|
const blueGrey = Object.freeze({
|
||
|
base: '#607d8b',
|
||
|
lighten5: '#eceff1',
|
||
|
lighten4: '#cfd8dc',
|
||
|
lighten3: '#b0bec5',
|
||
|
lighten2: '#90a4ae',
|
||
|
lighten1: '#78909c',
|
||
|
darken1: '#546e7a',
|
||
|
darken2: '#455a64',
|
||
|
darken3: '#37474f',
|
||
|
darken4: '#263238'
|
||
|
});
|
||
|
const grey = Object.freeze({
|
||
|
base: '#9e9e9e',
|
||
|
lighten5: '#fafafa',
|
||
|
lighten4: '#f5f5f5',
|
||
|
lighten3: '#eeeeee',
|
||
|
lighten2: '#e0e0e0',
|
||
|
lighten1: '#bdbdbd',
|
||
|
darken1: '#757575',
|
||
|
darken2: '#616161',
|
||
|
darken3: '#424242',
|
||
|
darken4: '#212121'
|
||
|
});
|
||
|
const shades = Object.freeze({
|
||
|
black: '#000000',
|
||
|
white: '#ffffff',
|
||
|
transparent: 'transparent'
|
||
|
});
|
||
|
export default Object.freeze({
|
||
|
red,
|
||
|
pink,
|
||
|
purple,
|
||
|
deepPurple,
|
||
|
indigo,
|
||
|
blue,
|
||
|
lightBlue,
|
||
|
cyan,
|
||
|
teal,
|
||
|
green,
|
||
|
lightGreen,
|
||
|
lime,
|
||
|
yellow,
|
||
|
amber,
|
||
|
orange,
|
||
|
deepOrange,
|
||
|
brown,
|
||
|
blueGrey,
|
||
|
grey,
|
||
|
shades
|
||
|
});
|
||
|
//# sourceMappingURL=colors.js.map
|