123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406 |
- /**
- * google-material-color v1.2.6
- * https://github.com/danlevan/google-material-color
- */
- (function(root, factory) {
- if (typeof define === 'function' && define.amd) {
- define([], factory);
- } else if (typeof exports === 'object') {
- module.exports = factory();
- } else {
- root.palette = factory();
- }
- })(this, function() {
- // avoid using lodash in dependencies
- function keys(obj) {
- var keys, key;
-
- keys = [];
-
- for (var key in obj) if (obj.hasOwnProperty(key)) {
- keys.push(key);
- }
-
- return keys;
- }
-
- // avoid using lodash in dependencies
- function random(min, max) {
- return Math.floor(Math.random() * ( max - min + 1 )) + min;
- }
- return {
- palette: {
- 'red': {
- '50': '#FFEBEE',
- '100': '#FFCDD2',
- '200': '#EF9A9A',
- '300': '#E57373',
- '400': '#EF5350',
- '500': '#F44336',
- '600': '#E53935',
- '700': '#D32F2F',
- '800': '#C62828',
- '900': '#B71C1C',
- 'A100': '#FF8A80',
- 'A200': '#FF5252',
- 'A400': '#FF1744',
- 'A700': '#D50000',
- },
- 'pink': {
- '50': '#FCE4EC',
- '100': '#F8BBD0',
- '200': '#F48FB1',
- '300': '#F06292',
- '400': '#EC407A',
- '500': '#E91E63',
- '600': '#D81B60',
- '700': '#C2185B',
- '800': '#AD1457',
- '900': '#880E4F',
- 'A100': '#FF80AB',
- 'A200': '#FF4081',
- 'A400': '#F50057',
- 'A700': '#C51162',
- },
- 'purple': {
- '50': '#F3E5F5',
- '100': '#E1BEE7',
- '200': '#CE93D8',
- '300': '#BA68C8',
- '400': '#AB47BC',
- '500': '#9C27B0',
- '600': '#8E24AA',
- '700': '#7B1FA2',
- '800': '#6A1B9A',
- '900': '#4A148C',
- 'A100': '#EA80FC',
- 'A200': '#E040FB',
- 'A400': '#D500F9',
- 'A700': '#AA00FF',
- },
- 'deep-purple': {
- '50': '#EDE7F6',
- '100': '#D1C4E9',
- '200': '#B39DDB',
- '300': '#9575CD',
- '400': '#7E57C2',
- '500': '#673AB7',
- '600': '#5E35B1',
- '700': '#512DA8',
- '800': '#4527A0',
- '900': '#311B92',
- 'A100': '#B388FF',
- 'A200': '#7C4DFF',
- 'A400': '#651FFF',
- 'A700': '#6200EA',
- },
- 'indigo': {
- '50': '#E8EAF6',
- '100': '#C5CAE9',
- '200': '#9FA8DA',
- '300': '#7986CB',
- '400': '#5C6BC0',
- '500': '#3F51B5',
- '600': '#3949AB',
- '700': '#303F9F',
- '800': '#283593',
- '900': '#1A237E',
- 'A100': '#8C9EFF',
- 'A200': '#536DFE',
- 'A400': '#3D5AFE',
- 'A700': '#304FFE',
- },
- 'blue': {
- '50': '#E3F2FD',
- '100': '#BBDEFB',
- '200': '#90CAF9',
- '300': '#64B5F6',
- '400': '#42A5F5',
- '500': '#2196F3',
- '600': '#1E88E5',
- '700': '#1976D2',
- '800': '#1565C0',
- '900': '#0D47A1',
- 'A100': '#82B1FF',
- 'A200': '#448AFF',
- 'A400': '#2979FF',
- 'A700': '#2962FF',
- },
- 'light-blue': {
- '50': '#E1F5FE',
- '100': '#B3E5FC',
- '200': '#81D4FA',
- '300': '#4FC3F7',
- '400': '#29B6F6',
- '500': '#03A9F4',
- '600': '#039BE5',
- '700': '#0288D1',
- '800': '#0277BD',
- '900': '#01579B',
- 'A100': '#80D8FF',
- 'A200': '#40C4FF',
- 'A400': '#00B0FF',
- 'A700': '#0091EA',
- },
- 'cyan': {
- '50': '#E0F7FA',
- '100': '#B2EBF2',
- '200': '#80DEEA',
- '300': '#4DD0E1',
- '400': '#26C6DA',
- '500': '#00BCD4',
- '600': '#00ACC1',
- '700': '#0097A7',
- '800': '#00838F',
- '900': '#006064',
- 'A100': '#84FFFF',
- 'A200': '#18FFFF',
- 'A400': '#00E5FF',
- 'A700': '#00B8D4',
- },
- 'teal': {
- '50': '#E0F2F1',
- '100': '#B2DFDB',
- '200': '#80CBC4',
- '300': '#4DB6AC',
- '400': '#26A69A',
- '500': '#009688',
- '600': '#00897B',
- '700': '#00796B',
- '800': '#00695C',
- '900': '#004D40',
- 'A100': '#A7FFEB',
- 'A200': '#64FFDA',
- 'A400': '#1DE9B6',
- 'A700': '#00BFA5',
- },
- 'green': {
- '50': '#E8F5E9',
- '100': '#C8E6C9',
- '200': '#A5D6A7',
- '300': '#81C784',
- '400': '#66BB6A',
- '500': '#4CAF50',
- '600': '#43A047',
- '700': '#388E3C',
- '800': '#2E7D32',
- '900': '#1B5E20',
- 'A100': '#B9F6CA',
- 'A200': '#69F0AE',
- 'A400': '#00E676',
- 'A700': '#00C853',
- },
- 'light-green': {
- '50': '#F1F8E9',
- '100': '#DCEDC8',
- '200': '#C5E1A5',
- '300': '#AED581',
- '400': '#9CCC65',
- '500': '#8BC34A',
- '600': '#7CB342',
- '700': '#689F38',
- '800': '#558B2F',
- '900': '#33691E',
- 'A100': '#CCFF90',
- 'A200': '#B2FF59',
- 'A400': '#76FF03',
- 'A700': '#64DD17',
- },
- 'lime': {
- '50': '#F9FBE7',
- '100': '#F0F4C3',
- '200': '#E6EE9C',
- '300': '#DCE775',
- '400': '#D4E157',
- '500': '#CDDC39',
- '600': '#C0CA33',
- '700': '#AFB42B',
- '800': '#9E9D24',
- '900': '#827717',
- 'A100': '#F4FF81',
- 'A200': '#EEFF41',
- 'A400': '#C6FF00',
- 'A700': '#AEEA00',
- },
- 'yellow': {
- '50': '#FFFDE7',
- '100': '#FFF9C4',
- '200': '#FFF59D',
- '300': '#FFF176',
- '400': '#FFEE58',
- '500': '#FFEB3B',
- '600': '#FDD835',
- '700': '#FBC02D',
- '800': '#F9A825',
- '900': '#F57F17',
- 'A100': '#FFFF8D',
- 'A200': '#FFFF00',
- 'A400': '#FFEA00',
- 'A700': '#FFD600',
- },
- 'amber': {
- '50': '#FFF8E1',
- '100': '#FFECB3',
- '200': '#FFE082',
- '300': '#FFD54F',
- '400': '#FFCA28',
- '500': '#FFC107',
- '600': '#FFB300',
- '700': '#FFA000',
- '800': '#FF8F00',
- '900': '#FF6F00',
- 'A100': '#FFE57F',
- 'A200': '#FFD740',
- 'A400': '#FFC400',
- 'A700': '#FFAB00',
- },
- 'orange': {
- '50': '#FFF3E0',
- '100': '#FFE0B2',
- '200': '#FFCC80',
- '300': '#FFB74D',
- '400': '#FFA726',
- '500': '#FF9800',
- '600': '#FB8C00',
- '700': '#F57C00',
- '800': '#EF6C00',
- '900': '#E65100',
- 'A100': '#FFD180',
- 'A200': '#FFAB40',
- 'A400': '#FF9100',
- 'A700': '#FF6D00',
- },
- 'deep-orange': {
- '50': '#FBE9E7',
- '100': '#FFCCBC',
- '200': '#FFAB91',
- '300': '#FF8A65',
- '400': '#FF7043',
- '500': '#FF5722',
- '600': '#F4511E',
- '700': '#E64A19',
- '800': '#D84315',
- '900': '#BF360C',
- 'A100': '#FF9E80',
- 'A200': '#FF6E40',
- 'A400': '#FF3D00',
- 'A700': '#DD2C00',
- },
- 'brown': {
- '50': '#EFEBE9',
- '100': '#D7CCC8',
- '200': '#BCAAA4',
- '300': '#A1887F',
- '400': '#8D6E63',
- '500': '#795548',
- '600': '#6D4C41',
- '700': '#5D4037',
- '800': '#4E342E',
- '900': '#3E2723',
- },
- 'grey': {
- '50': '#FAFAFA',
- '100': '#F5F5F5',
- '200': '#EEEEEE',
- '300': '#E0E0E0',
- '400': '#BDBDBD',
- '500': '#9E9E9E',
- '600': '#757575',
- '700': '#616161',
- '800': '#424242',
- '900': '#212121',
- },
- 'blue-grey': {
- '50': '#ECEFF1',
- '100': '#CFD8DC',
- '200': '#B0BEC5',
- '300': '#90A4AE',
- '400': '#78909C',
- '500': '#607D8B',
- '600': '#546E7A',
- '700': '#455A64',
- '800': '#37474F',
- '900': '#263238',
- },
- 'black': {
- '500': '#000000',
- 'Text': 'rgba(0,0,0,0.87)',
- 'Secondary Text': 'rgba(0,0,0,0.54)',
- 'Icons': 'rgba(0,0,0,0.54)',
- 'Disabled': 'rgba(0,0,0,0.26)',
- 'Hint Text': 'rgba(0,0,0,0.26)',
- 'Dividers': 'rgba(0,0,0,0.12)',
- },
- 'white': {
- '500': '#ffffff',
- 'Text': '#ffffff',
- 'Secondary Text': 'rgba(255,255,255,0.7)',
- 'Icons': '#ffffff',
- 'Disabled': 'rgba(255,255,255,0.3)',
- 'Hint Text': 'rgba(255,255,255,0.3)',
- 'Dividers': 'rgba(255,255,255,0.12)',
- },
- },
- get: function (color, shade) {
- return this.palette[color][shade || '500'];
- },
- find: function(color){
- var colors = color.split('-'),
- color,
- shade = 500;
- if(colors.length == 3){
- color = colors[0]+'-'+colors[1];
- shade = colors[2];
- }
- if(colors.length == 2){
- if(colors[1].indexOf('0') > 0){
- color = colors[0];
- shade = colors[1];
- }else{
- color = colors[0]+'-'+colors[1];
- }
- }
- return this.get( color, shade );
- },
-
- random: function(shade) {
- var colors, color, shades;
-
- colors = keys(this.palette);
- color = colors[random(0, colors.length - 1)];
-
- if (shade == null) {
- shades = keys(color);
- shade = shades[random(0, shades.length - 1)];
- }
-
- return this.get(color, shade);
- }
- };
- });
|