Skip to content

Instantly share code, notes, and snippets.

@adrianspacely

adrianspacely/tailwind.js

Created November 27, 2019 00:36
Show Gist options
  • Save adrianspacely/3c3023785aa4cf192ba14a31a39c996d to your computer and use it in GitHub Desktop.
Save adrianspacely/3c3023785aa4cf192ba14a31a39c996d to your computer and use it in GitHub Desktop.
Download ZIP
Tailwind CSS config with all of Material Design's shades, accents, and contrast colours.
Raw
tailwind.js
module.exports = {
...
theme: {
...
colors: {
transparent: 'transparent',
black: '#000',
'black-contrast': '#fff',
white: '#fff',
'white-contrast': '#000',
red: {
default: '#f44336',
50: '#ffebee',
100: '#ffcdd2',
200: '#ef9a9a',
300: '#e57373',
400: '#ef5350',
500: '#f44336',
600: '#e53935',
700: '#d32f2f',
800: '#c62828',
900: '#b71c1c',
'100-accent': '#ff8a80',
'200-accent': '#ff5252',
'400-accent': '#ff1744',
'700-accent': '#d50000',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
pink: {
default: '#e91e63',
50: '#fce4ec',
100: '#f8bbd0',
200: '#f48fb1',
300: '#f06292',
400: '#ec407a',
500: '#e91e63',
600: '#d81b60',
700: '#c2185b',
800: '#ad1457',
900: '#880e4f',
'100-accent': '#ff80ab',
'200-accent': '#ff4081',
'400-accent': '#f50057',
'700-accent': '#c51162',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
purple: {
default: '#9c27b0',
50: '#f3e5f5',
100: '#e1bee7',
200: '#ce93d8',
300: '#ba68c8',
400: '#ab47bc',
500: '#9c27b0',
600: '#8e24aa',
700: '#7b1fa2',
800: '#6a1b9a',
900: '#4a148c',
'100-accent': '#ea80fc',
'200-accent': '#e040fb',
'400-accent': '#d500f9',
'700-accent': '#aa00ff',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(255, 255, 255, 0.87)',
'400-contrast': 'rgba(255, 255, 255, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
'deep-purple': {
default: '#673ab7',
50: '#ede7f6',
100: '#d1c4e9',
200: '#b39ddb',
300: '#9575cd',
400: '#7e57c2',
500: '#673ab7',
600: '#5e35b1',
700: '#512da8',
800: '#4527a0',
900: '#311b92',
'100-accent': '#b388ff',
'200-accent': '#7c4dff',
'400-accent': '#651fff',
'700-accent': '#6200ea',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(255, 255, 255, 0.87)',
'400-contrast': 'rgba(255, 255, 255, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
indigo: {
default: '#3f51b5',
50: '#e8eaf6',
100: '#c5cae9',
200: '#9fa8da',
300: '#7986cb',
400: '#5c6bc0',
500: '#3f51b5',
600: '#3949ab',
700: '#303f9f',
800: '#283593',
900: '#1a237e',
'100-accent': '#8c9eff',
'200-accent': '#536dfe',
'400-accent': '#3d5afe',
'700-accent': '#304ffe',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(255, 255, 255, 0.87)',
'400-contrast': 'rgba(255, 255, 255, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
blue: {
default: '#2196f3',
50: '#e3f2fd',
100: '#bbdefb',
200: '#90caf9',
300: '#64b5f6',
400: '#42a5f5',
500: '#2196f3',
600: '#1e88e5',
700: '#1976d2',
800: '#1565c0',
900: '#0d47a1',
'100-accent': '#82b1ff',
'200-accent': '#448aff',
'400-accent': '#2979ff',
'700-accent': '#2962ff',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
'light-blue': {
default: '#03a9f4',
50: '#e1f5fe',
100: '#b3e5fc',
200: '#81d4fa',
300: '#4fc3f7',
400: '#29b6f6',
500: '#03a9f4',
600: '#039be5',
700: '#0288d1',
800: '#0277bd',
900: '#01579b',
'100-accent': '#80d8ff',
'200-accent': '#40c4ff',
'400-accent': '#00b0ff',
'700-accent': '#0091ea',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
cyan: {
default: '#00bcd4',
50: '#e0f7fa',
100: '#b2ebf2',
200: '#80deea',
300: '#4dd0e1',
400: '#26c6da',
500: '#00bcd4',
600: '#00acc1',
700: '#0097a7',
800: '#00838f',
900: '#006064',
'100-accent': '#84ffff',
'200-accent': '#18ffff',
'400-accent': '#00e5ff',
'700-accent': '#00b8d4',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
teal: {
default: '#009688',
50: '#e0f2f1',
100: '#b2dfdb',
200: '#80cbc4',
300: '#4db6ac',
400: '#26a69a',
500: '#009688',
600: '#00897b',
700: '#00796b',
800: '#00695c',
900: '#004d40',
'100-accent': '#a7ffeb',
'200-accent': '#64ffda',
'400-accent': '#1de9b6',
'700-accent': '#00bfa5',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
green: {
default: '#4caf50',
50: '#e8f5e9',
100: '#c8e6c9',
200: '#a5d6a7',
300: '#81c784',
400: '#66bb6a',
500: '#4caf50',
600: '#43a047',
700: '#388e3c',
800: '#2e7d32',
900: '#1b5e20',
'100-accent': '#b9f6ca',
'200-accent': '#69f0ae',
'400-accent': '#00e676',
'700-accent': '#00c853',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
'light-green': {
default: '#8bc34a',
50: '#f1f8e9',
100: '#dcedc8',
200: '#c5e1a5',
300: '#aed581',
400: '#9ccc65',
500: '#8bc34a',
600: '#7cb342',
700: '#689f38',
800: '#558b2f',
900: '#33691e',
'100-accent': '#ccff90',
'200-accent': '#b2ff59',
'400-accent': '#76ff03',
'700-accent': '#64dd17',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(0, 0, 0, 0.87)',
'700-contrast': 'rgba(0, 0, 0, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
lime: {
default: '#cddc39',
50: '#f9fbe7',
100: '#f0f4c3',
200: '#e6ee9c',
300: '#dce775',
400: '#d4e157',
500: '#cddc39',
600: '#c0ca33',
700: '#afb42b',
800: '#9e9d24',
900: '#827717',
'100-accent': '#f4ff81',
'200-accent': '#eeff41',
'400-accent': '#c6ff00',
'700-accent': '#aeea00',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(0, 0, 0, 0.87)',
'700-contrast': 'rgba(0, 0, 0, 0.87)',
'800-contrast': 'rgba(0, 0, 0, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
yellow: {
default: '#ffeb3b',
50: '#fffde7',
100: '#fff9c4',
200: '#fff59d',
300: '#fff176',
400: '#ffee58',
500: '#ffeb3b',
600: '#fdd835',
700: '#fbc02d',
800: '#f9a825',
900: '#f57f17',
'100-accent': '#ffff8d',
'200-accent': '#ffff00',
'400-accent': '#ffea00',
'700-accent': '#ffd600',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(0, 0, 0, 0.87)',
'700-contrast': 'rgba(0, 0, 0, 0.87)',
'800-contrast': 'rgba(0, 0, 0, 0.87)',
'900-contrast': 'rgba(0, 0, 0, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
amber: {
default: '#ffc107',
50: '#fff8e1',
100: '#ffecb3',
200: '#ffe082',
300: '#ffd54f',
400: '#ffca28',
500: '#ffc107',
600: '#ffb300',
700: '#ffa000',
800: '#ff8f00',
900: '#ff6f00',
'100-accent': '#ffe57f',
'200-accent': '#ffd740',
'400-accent': '#ffc400',
'700-accent': '#ffab00',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(0, 0, 0, 0.87)',
'700-contrast': 'rgba(0, 0, 0, 0.87)',
'800-contrast': 'rgba(0, 0, 0, 0.87)',
'900-contrast': 'rgba(0, 0, 0, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
orange: {
default: '#ff9800',
50: '#fff3e0',
100: '#ffe0b2',
200: '#ffcc80',
300: '#ffb74d',
400: '#ffa726',
500: '#ff9800',
600: '#fb8c00',
700: '#f57c00',
800: '#ef6c00',
900: '#e65100',
'100-accent': '#ffd180',
'200-accent': '#ffab40',
'400-accent': '#ff9100',
'700-accent': '#ff6d00',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(0, 0, 0, 0.87)',
'700-contrast': 'rgba(0, 0, 0, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'700-accent-contrast': 'rgba(0, 0, 0, 0.87)',
},
'deep-orange': {
default: '#ff5722',
50: '#fbe9e7',
100: '#ffccbc',
200: '#ffab91',
300: '#ff8a65',
400: '#ff7043',
500: '#ff5722',
600: '#f4511e',
700: '#e64a19',
800: '#d84315',
900: '#bf360c',
'100-accent': '#ff9e80',
'200-accent': '#ff6e40',
'400-accent': '#ff3d00',
'700-accent': '#dd2c00',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
'100-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'200-accent-contrast': 'rgba(0, 0, 0, 0.87)',
'400-accent-contrast': 'rgba(255, 255, 255, 0.87)',
'700-accent-contrast': 'rgba(255, 255, 255, 0.87)',
},
brown: {
default: '#795548',
50: '#efebe9',
100: '#d7ccc8',
200: '#bcaaa4',
300: '#a1887f',
400: '#8d6e63',
500: '#795548',
600: '#6d4c41',
700: '#5d4037',
800: '#4e342e',
900: '#3e2723',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(255, 255, 255, 0.87)',
'400-contrast': 'rgba(255, 255, 255, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
},
gray: {
default: '#9e9e9e',
50: '#fafafa',
100: '#f5f5f5',
200: '#eeeeee',
300: '#e0e0e0',
400: '#bdbdbd',
500: '#9e9e9e',
600: '#757575',
700: '#616161',
800: '#424242',
900: '#212121',
'contrast': 'rgba(0, 0, 0, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(0, 0, 0, 0.87)',
'500-contrast': 'rgba(0, 0, 0, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
},
'blue-gray': {
default: '#607d8b',
50: '#eceff1',
100: '#cfd8dc',
200: '#b0bec5',
300: '#90a4ae',
400: '#78909c',
500: '#607d8b',
600: '#546e7a',
700: '#455a64',
800: '#37474f',
900: '#263238',
'contrast': 'rgba(255, 255, 255, 0.87)',
'50-contrast': 'rgba(0, 0, 0, 0.87)',
'100-contrast': 'rgba(0, 0, 0, 0.87)',
'200-contrast': 'rgba(0, 0, 0, 0.87)',
'300-contrast': 'rgba(0, 0, 0, 0.87)',
'400-contrast': 'rgba(255, 255, 255, 0.87)',
'500-contrast': 'rgba(255, 255, 255, 0.87)',
'600-contrast': 'rgba(255, 255, 255, 0.87)',
'700-contrast': 'rgba(255, 255, 255, 0.87)',
'800-contrast': 'rgba(255, 255, 255, 0.87)',
'900-contrast': 'rgba(255, 255, 255, 0.87)',
},
},
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment