Repository: shuhei/material-colors
Branch: master
Commit: ee408d4d6f0e
Files: 34
Total size: 118.8 KB
Directory structure:
gitextract_fqnhqo5q/
├── .gitignore
├── .npmignore
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
├── dist/
│ ├── colors.css
│ ├── colors.es2015.js
│ ├── colors.js
│ ├── colors.json
│ ├── colors.less
│ ├── colors.sass
│ ├── colors.scss
│ ├── colors.styl
│ └── colors.var.css
├── lib/
│ ├── compat.json
│ └── hyphen2camel.js
├── package.json
├── sample.html
├── tasks/
│ ├── generate.js
│ └── json.js
├── templates/
│ ├── css.tmpl
│ ├── es2015.js.tmpl
│ ├── js.tmpl
│ ├── less.tmpl
│ ├── sass.tmpl
│ ├── scss.tmpl
│ ├── styl.tmpl
│ └── var.css.tmpl
└── test/
├── fixtures/
│ ├── default-import.js
│ ├── named-import.js
│ └── wildcard-import.js
├── index.js
└── module.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
.idea
node_modules
================================================
FILE: .npmignore
================================================
lib
tasks
templates
bower.json
Gruntfile.js
sample.html
test
================================================
FILE: Gruntfile.js
================================================
module.exports = function(grunt) {
grunt.initConfig({
});
grunt.loadTasks('tasks');
grunt.registerTask('default', ['json', 'css', 'var.css', 'sass', 'scss', 'less', 'styl', 'js', 'es2015.js']);
};
================================================
FILE: LICENSE
================================================
ISC License
Copyright 2014 Shuhei Kagawa
Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
================================================
FILE: README.md
================================================
[](https://github.com/shuhei/material-colors)
[](https://www.npmjs.com/package/material-colors)
[](https://www.npmjs.com/package/material-colors)
[](https://circleci.com/gh/shuhei/material-colors)
# Material Colors
Colors from [Google's Material Design](http://www.google.com/design/spec/style/color.html) made available to coders.
The colors are scraped from the guide. The idea to publish colors in multiple forms is stolen from [mrmrs/colors](https://github.com/mrmrs/colors).
## Available Forms
- CSS: Classes for prototyping such as `.color-red-100`, `.bg-red-100`, `.border-red-100`, `.fill-red-100` and `.stroke-red-100`.
- CSS variables such as `--md-red-100`.
- Sass, Scss: Color variables such as `$md-red-100`.
- Less: Color variables such as `@md-red-100`.
- Stylus: Color variables such as `md-red-100`.
- JSON: Raw data of colors. Key names are hypenated. e.g. `deep-purple`
- JavaScript: Color set object provided via AMD, CommonJS or global variable `materialColor`. Key names are camelCase. e.g. `deepPurple`
- EcmaScript module: Color variables are exported as camelCase names.
See [dist directory](dist) or [demo](http://shuheikagawa.com/material-colors/) for more details.
## Usage
### Download
Download what you like from [dist directory](dist) and use it.
### Bower
```
bower install material-colors
```
and use what you like in `bower_components/material-colors/dist`.
### NPM
```
npm install material-colors
```
================================================
FILE: bower.json
================================================
{
"name": "material-colors",
"version": "1.2.0",
"main": [
"./dist/colors.css",
"./dist/colors.js"
],
"homepage": "https://github.com/shuhei/material-colors",
"authors": [
"Shuhei Kagawa <shuhei.kagawa@gmail.com>"
],
"description": "Colors of Google's Material Design made available to coders",
"keywords": [
"colors",
"palette",
"design",
"css",
"sass",
"scss",
"less",
"stylus",
"javascript"
],
"license": "ISC",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
"test",
"tests"
]
}
================================================
FILE: dist/colors.css
================================================
.color-red-50 { color: #ffebee; }
.bg-red-50 { background-color: #ffebee; }
.border-red-50 { border-color: #ffebee; }
.fill-red-50 { fill: #ffebee; }
.stroke-red-50 { stroke: #ffebee; }
.color-red-100 { color: #ffcdd2; }
.bg-red-100 { background-color: #ffcdd2; }
.border-red-100 { border-color: #ffcdd2; }
.fill-red-100 { fill: #ffcdd2; }
.stroke-red-100 { stroke: #ffcdd2; }
.color-red-200 { color: #ef9a9a; }
.bg-red-200 { background-color: #ef9a9a; }
.border-red-200 { border-color: #ef9a9a; }
.fill-red-200 { fill: #ef9a9a; }
.stroke-red-200 { stroke: #ef9a9a; }
.color-red-300 { color: #e57373; }
.bg-red-300 { background-color: #e57373; }
.border-red-300 { border-color: #e57373; }
.fill-red-300 { fill: #e57373; }
.stroke-red-300 { stroke: #e57373; }
.color-red-400 { color: #ef5350; }
.bg-red-400 { background-color: #ef5350; }
.border-red-400 { border-color: #ef5350; }
.fill-red-400 { fill: #ef5350; }
.stroke-red-400 { stroke: #ef5350; }
.color-red-500 { color: #f44336; }
.bg-red-500 { background-color: #f44336; }
.border-red-500 { border-color: #f44336; }
.fill-red-500 { fill: #f44336; }
.stroke-red-500 { stroke: #f44336; }
.color-red-600 { color: #e53935; }
.bg-red-600 { background-color: #e53935; }
.border-red-600 { border-color: #e53935; }
.fill-red-600 { fill: #e53935; }
.stroke-red-600 { stroke: #e53935; }
.color-red-700 { color: #d32f2f; }
.bg-red-700 { background-color: #d32f2f; }
.border-red-700 { border-color: #d32f2f; }
.fill-red-700 { fill: #d32f2f; }
.stroke-red-700 { stroke: #d32f2f; }
.color-red-800 { color: #c62828; }
.bg-red-800 { background-color: #c62828; }
.border-red-800 { border-color: #c62828; }
.fill-red-800 { fill: #c62828; }
.stroke-red-800 { stroke: #c62828; }
.color-red-900 { color: #b71c1c; }
.bg-red-900 { background-color: #b71c1c; }
.border-red-900 { border-color: #b71c1c; }
.fill-red-900 { fill: #b71c1c; }
.stroke-red-900 { stroke: #b71c1c; }
.color-red-a100 { color: #ff8a80; }
.bg-red-a100 { background-color: #ff8a80; }
.border-red-a100 { border-color: #ff8a80; }
.fill-red-a100 { fill: #ff8a80; }
.stroke-red-a100 { stroke: #ff8a80; }
.color-red-a200 { color: #ff5252; }
.bg-red-a200 { background-color: #ff5252; }
.border-red-a200 { border-color: #ff5252; }
.fill-red-a200 { fill: #ff5252; }
.stroke-red-a200 { stroke: #ff5252; }
.color-red-a400 { color: #ff1744; }
.bg-red-a400 { background-color: #ff1744; }
.border-red-a400 { border-color: #ff1744; }
.fill-red-a400 { fill: #ff1744; }
.stroke-red-a400 { stroke: #ff1744; }
.color-red-a700 { color: #d50000; }
.bg-red-a700 { background-color: #d50000; }
.border-red-a700 { border-color: #d50000; }
.fill-red-a700 { fill: #d50000; }
.stroke-red-a700 { stroke: #d50000; }
.color-pink-50 { color: #fce4ec; }
.bg-pink-50 { background-color: #fce4ec; }
.border-pink-50 { border-color: #fce4ec; }
.fill-pink-50 { fill: #fce4ec; }
.stroke-pink-50 { stroke: #fce4ec; }
.color-pink-100 { color: #f8bbd0; }
.bg-pink-100 { background-color: #f8bbd0; }
.border-pink-100 { border-color: #f8bbd0; }
.fill-pink-100 { fill: #f8bbd0; }
.stroke-pink-100 { stroke: #f8bbd0; }
.color-pink-200 { color: #f48fb1; }
.bg-pink-200 { background-color: #f48fb1; }
.border-pink-200 { border-color: #f48fb1; }
.fill-pink-200 { fill: #f48fb1; }
.stroke-pink-200 { stroke: #f48fb1; }
.color-pink-300 { color: #f06292; }
.bg-pink-300 { background-color: #f06292; }
.border-pink-300 { border-color: #f06292; }
.fill-pink-300 { fill: #f06292; }
.stroke-pink-300 { stroke: #f06292; }
.color-pink-400 { color: #ec407a; }
.bg-pink-400 { background-color: #ec407a; }
.border-pink-400 { border-color: #ec407a; }
.fill-pink-400 { fill: #ec407a; }
.stroke-pink-400 { stroke: #ec407a; }
.color-pink-500 { color: #e91e63; }
.bg-pink-500 { background-color: #e91e63; }
.border-pink-500 { border-color: #e91e63; }
.fill-pink-500 { fill: #e91e63; }
.stroke-pink-500 { stroke: #e91e63; }
.color-pink-600 { color: #d81b60; }
.bg-pink-600 { background-color: #d81b60; }
.border-pink-600 { border-color: #d81b60; }
.fill-pink-600 { fill: #d81b60; }
.stroke-pink-600 { stroke: #d81b60; }
.color-pink-700 { color: #c2185b; }
.bg-pink-700 { background-color: #c2185b; }
.border-pink-700 { border-color: #c2185b; }
.fill-pink-700 { fill: #c2185b; }
.stroke-pink-700 { stroke: #c2185b; }
.color-pink-800 { color: #ad1457; }
.bg-pink-800 { background-color: #ad1457; }
.border-pink-800 { border-color: #ad1457; }
.fill-pink-800 { fill: #ad1457; }
.stroke-pink-800 { stroke: #ad1457; }
.color-pink-900 { color: #880e4f; }
.bg-pink-900 { background-color: #880e4f; }
.border-pink-900 { border-color: #880e4f; }
.fill-pink-900 { fill: #880e4f; }
.stroke-pink-900 { stroke: #880e4f; }
.color-pink-a100 { color: #ff80ab; }
.bg-pink-a100 { background-color: #ff80ab; }
.border-pink-a100 { border-color: #ff80ab; }
.fill-pink-a100 { fill: #ff80ab; }
.stroke-pink-a100 { stroke: #ff80ab; }
.color-pink-a200 { color: #ff4081; }
.bg-pink-a200 { background-color: #ff4081; }
.border-pink-a200 { border-color: #ff4081; }
.fill-pink-a200 { fill: #ff4081; }
.stroke-pink-a200 { stroke: #ff4081; }
.color-pink-a400 { color: #f50057; }
.bg-pink-a400 { background-color: #f50057; }
.border-pink-a400 { border-color: #f50057; }
.fill-pink-a400 { fill: #f50057; }
.stroke-pink-a400 { stroke: #f50057; }
.color-pink-a700 { color: #c51162; }
.bg-pink-a700 { background-color: #c51162; }
.border-pink-a700 { border-color: #c51162; }
.fill-pink-a700 { fill: #c51162; }
.stroke-pink-a700 { stroke: #c51162; }
.color-purple-50 { color: #f3e5f5; }
.bg-purple-50 { background-color: #f3e5f5; }
.border-purple-50 { border-color: #f3e5f5; }
.fill-purple-50 { fill: #f3e5f5; }
.stroke-purple-50 { stroke: #f3e5f5; }
.color-purple-100 { color: #e1bee7; }
.bg-purple-100 { background-color: #e1bee7; }
.border-purple-100 { border-color: #e1bee7; }
.fill-purple-100 { fill: #e1bee7; }
.stroke-purple-100 { stroke: #e1bee7; }
.color-purple-200 { color: #ce93d8; }
.bg-purple-200 { background-color: #ce93d8; }
.border-purple-200 { border-color: #ce93d8; }
.fill-purple-200 { fill: #ce93d8; }
.stroke-purple-200 { stroke: #ce93d8; }
.color-purple-300 { color: #ba68c8; }
.bg-purple-300 { background-color: #ba68c8; }
.border-purple-300 { border-color: #ba68c8; }
.fill-purple-300 { fill: #ba68c8; }
.stroke-purple-300 { stroke: #ba68c8; }
.color-purple-400 { color: #ab47bc; }
.bg-purple-400 { background-color: #ab47bc; }
.border-purple-400 { border-color: #ab47bc; }
.fill-purple-400 { fill: #ab47bc; }
.stroke-purple-400 { stroke: #ab47bc; }
.color-purple-500 { color: #9c27b0; }
.bg-purple-500 { background-color: #9c27b0; }
.border-purple-500 { border-color: #9c27b0; }
.fill-purple-500 { fill: #9c27b0; }
.stroke-purple-500 { stroke: #9c27b0; }
.color-purple-600 { color: #8e24aa; }
.bg-purple-600 { background-color: #8e24aa; }
.border-purple-600 { border-color: #8e24aa; }
.fill-purple-600 { fill: #8e24aa; }
.stroke-purple-600 { stroke: #8e24aa; }
.color-purple-700 { color: #7b1fa2; }
.bg-purple-700 { background-color: #7b1fa2; }
.border-purple-700 { border-color: #7b1fa2; }
.fill-purple-700 { fill: #7b1fa2; }
.stroke-purple-700 { stroke: #7b1fa2; }
.color-purple-800 { color: #6a1b9a; }
.bg-purple-800 { background-color: #6a1b9a; }
.border-purple-800 { border-color: #6a1b9a; }
.fill-purple-800 { fill: #6a1b9a; }
.stroke-purple-800 { stroke: #6a1b9a; }
.color-purple-900 { color: #4a148c; }
.bg-purple-900 { background-color: #4a148c; }
.border-purple-900 { border-color: #4a148c; }
.fill-purple-900 { fill: #4a148c; }
.stroke-purple-900 { stroke: #4a148c; }
.color-purple-a100 { color: #ea80fc; }
.bg-purple-a100 { background-color: #ea80fc; }
.border-purple-a100 { border-color: #ea80fc; }
.fill-purple-a100 { fill: #ea80fc; }
.stroke-purple-a100 { stroke: #ea80fc; }
.color-purple-a200 { color: #e040fb; }
.bg-purple-a200 { background-color: #e040fb; }
.border-purple-a200 { border-color: #e040fb; }
.fill-purple-a200 { fill: #e040fb; }
.stroke-purple-a200 { stroke: #e040fb; }
.color-purple-a400 { color: #d500f9; }
.bg-purple-a400 { background-color: #d500f9; }
.border-purple-a400 { border-color: #d500f9; }
.fill-purple-a400 { fill: #d500f9; }
.stroke-purple-a400 { stroke: #d500f9; }
.color-purple-a700 { color: #aa00ff; }
.bg-purple-a700 { background-color: #aa00ff; }
.border-purple-a700 { border-color: #aa00ff; }
.fill-purple-a700 { fill: #aa00ff; }
.stroke-purple-a700 { stroke: #aa00ff; }
.color-deep-purple-50 { color: #ede7f6; }
.bg-deep-purple-50 { background-color: #ede7f6; }
.border-deep-purple-50 { border-color: #ede7f6; }
.fill-deep-purple-50 { fill: #ede7f6; }
.stroke-deep-purple-50 { stroke: #ede7f6; }
.color-deep-purple-100 { color: #d1c4e9; }
.bg-deep-purple-100 { background-color: #d1c4e9; }
.border-deep-purple-100 { border-color: #d1c4e9; }
.fill-deep-purple-100 { fill: #d1c4e9; }
.stroke-deep-purple-100 { stroke: #d1c4e9; }
.color-deep-purple-200 { color: #b39ddb; }
.bg-deep-purple-200 { background-color: #b39ddb; }
.border-deep-purple-200 { border-color: #b39ddb; }
.fill-deep-purple-200 { fill: #b39ddb; }
.stroke-deep-purple-200 { stroke: #b39ddb; }
.color-deep-purple-300 { color: #9575cd; }
.bg-deep-purple-300 { background-color: #9575cd; }
.border-deep-purple-300 { border-color: #9575cd; }
.fill-deep-purple-300 { fill: #9575cd; }
.stroke-deep-purple-300 { stroke: #9575cd; }
.color-deep-purple-400 { color: #7e57c2; }
.bg-deep-purple-400 { background-color: #7e57c2; }
.border-deep-purple-400 { border-color: #7e57c2; }
.fill-deep-purple-400 { fill: #7e57c2; }
.stroke-deep-purple-400 { stroke: #7e57c2; }
.color-deep-purple-500 { color: #673ab7; }
.bg-deep-purple-500 { background-color: #673ab7; }
.border-deep-purple-500 { border-color: #673ab7; }
.fill-deep-purple-500 { fill: #673ab7; }
.stroke-deep-purple-500 { stroke: #673ab7; }
.color-deep-purple-600 { color: #5e35b1; }
.bg-deep-purple-600 { background-color: #5e35b1; }
.border-deep-purple-600 { border-color: #5e35b1; }
.fill-deep-purple-600 { fill: #5e35b1; }
.stroke-deep-purple-600 { stroke: #5e35b1; }
.color-deep-purple-700 { color: #512da8; }
.bg-deep-purple-700 { background-color: #512da8; }
.border-deep-purple-700 { border-color: #512da8; }
.fill-deep-purple-700 { fill: #512da8; }
.stroke-deep-purple-700 { stroke: #512da8; }
.color-deep-purple-800 { color: #4527a0; }
.bg-deep-purple-800 { background-color: #4527a0; }
.border-deep-purple-800 { border-color: #4527a0; }
.fill-deep-purple-800 { fill: #4527a0; }
.stroke-deep-purple-800 { stroke: #4527a0; }
.color-deep-purple-900 { color: #311b92; }
.bg-deep-purple-900 { background-color: #311b92; }
.border-deep-purple-900 { border-color: #311b92; }
.fill-deep-purple-900 { fill: #311b92; }
.stroke-deep-purple-900 { stroke: #311b92; }
.color-deep-purple-a100 { color: #b388ff; }
.bg-deep-purple-a100 { background-color: #b388ff; }
.border-deep-purple-a100 { border-color: #b388ff; }
.fill-deep-purple-a100 { fill: #b388ff; }
.stroke-deep-purple-a100 { stroke: #b388ff; }
.color-deep-purple-a200 { color: #7c4dff; }
.bg-deep-purple-a200 { background-color: #7c4dff; }
.border-deep-purple-a200 { border-color: #7c4dff; }
.fill-deep-purple-a200 { fill: #7c4dff; }
.stroke-deep-purple-a200 { stroke: #7c4dff; }
.color-deep-purple-a400 { color: #651fff; }
.bg-deep-purple-a400 { background-color: #651fff; }
.border-deep-purple-a400 { border-color: #651fff; }
.fill-deep-purple-a400 { fill: #651fff; }
.stroke-deep-purple-a400 { stroke: #651fff; }
.color-deep-purple-a700 { color: #6200ea; }
.bg-deep-purple-a700 { background-color: #6200ea; }
.border-deep-purple-a700 { border-color: #6200ea; }
.fill-deep-purple-a700 { fill: #6200ea; }
.stroke-deep-purple-a700 { stroke: #6200ea; }
.color-indigo-50 { color: #e8eaf6; }
.bg-indigo-50 { background-color: #e8eaf6; }
.border-indigo-50 { border-color: #e8eaf6; }
.fill-indigo-50 { fill: #e8eaf6; }
.stroke-indigo-50 { stroke: #e8eaf6; }
.color-indigo-100 { color: #c5cae9; }
.bg-indigo-100 { background-color: #c5cae9; }
.border-indigo-100 { border-color: #c5cae9; }
.fill-indigo-100 { fill: #c5cae9; }
.stroke-indigo-100 { stroke: #c5cae9; }
.color-indigo-200 { color: #9fa8da; }
.bg-indigo-200 { background-color: #9fa8da; }
.border-indigo-200 { border-color: #9fa8da; }
.fill-indigo-200 { fill: #9fa8da; }
.stroke-indigo-200 { stroke: #9fa8da; }
.color-indigo-300 { color: #7986cb; }
.bg-indigo-300 { background-color: #7986cb; }
.border-indigo-300 { border-color: #7986cb; }
.fill-indigo-300 { fill: #7986cb; }
.stroke-indigo-300 { stroke: #7986cb; }
.color-indigo-400 { color: #5c6bc0; }
.bg-indigo-400 { background-color: #5c6bc0; }
.border-indigo-400 { border-color: #5c6bc0; }
.fill-indigo-400 { fill: #5c6bc0; }
.stroke-indigo-400 { stroke: #5c6bc0; }
.color-indigo-500 { color: #3f51b5; }
.bg-indigo-500 { background-color: #3f51b5; }
.border-indigo-500 { border-color: #3f51b5; }
.fill-indigo-500 { fill: #3f51b5; }
.stroke-indigo-500 { stroke: #3f51b5; }
.color-indigo-600 { color: #3949ab; }
.bg-indigo-600 { background-color: #3949ab; }
.border-indigo-600 { border-color: #3949ab; }
.fill-indigo-600 { fill: #3949ab; }
.stroke-indigo-600 { stroke: #3949ab; }
.color-indigo-700 { color: #303f9f; }
.bg-indigo-700 { background-color: #303f9f; }
.border-indigo-700 { border-color: #303f9f; }
.fill-indigo-700 { fill: #303f9f; }
.stroke-indigo-700 { stroke: #303f9f; }
.color-indigo-800 { color: #283593; }
.bg-indigo-800 { background-color: #283593; }
.border-indigo-800 { border-color: #283593; }
.fill-indigo-800 { fill: #283593; }
.stroke-indigo-800 { stroke: #283593; }
.color-indigo-900 { color: #1a237e; }
.bg-indigo-900 { background-color: #1a237e; }
.border-indigo-900 { border-color: #1a237e; }
.fill-indigo-900 { fill: #1a237e; }
.stroke-indigo-900 { stroke: #1a237e; }
.color-indigo-a100 { color: #8c9eff; }
.bg-indigo-a100 { background-color: #8c9eff; }
.border-indigo-a100 { border-color: #8c9eff; }
.fill-indigo-a100 { fill: #8c9eff; }
.stroke-indigo-a100 { stroke: #8c9eff; }
.color-indigo-a200 { color: #536dfe; }
.bg-indigo-a200 { background-color: #536dfe; }
.border-indigo-a200 { border-color: #536dfe; }
.fill-indigo-a200 { fill: #536dfe; }
.stroke-indigo-a200 { stroke: #536dfe; }
.color-indigo-a400 { color: #3d5afe; }
.bg-indigo-a400 { background-color: #3d5afe; }
.border-indigo-a400 { border-color: #3d5afe; }
.fill-indigo-a400 { fill: #3d5afe; }
.stroke-indigo-a400 { stroke: #3d5afe; }
.color-indigo-a700 { color: #304ffe; }
.bg-indigo-a700 { background-color: #304ffe; }
.border-indigo-a700 { border-color: #304ffe; }
.fill-indigo-a700 { fill: #304ffe; }
.stroke-indigo-a700 { stroke: #304ffe; }
.color-blue-50 { color: #e3f2fd; }
.bg-blue-50 { background-color: #e3f2fd; }
.border-blue-50 { border-color: #e3f2fd; }
.fill-blue-50 { fill: #e3f2fd; }
.stroke-blue-50 { stroke: #e3f2fd; }
.color-blue-100 { color: #bbdefb; }
.bg-blue-100 { background-color: #bbdefb; }
.border-blue-100 { border-color: #bbdefb; }
.fill-blue-100 { fill: #bbdefb; }
.stroke-blue-100 { stroke: #bbdefb; }
.color-blue-200 { color: #90caf9; }
.bg-blue-200 { background-color: #90caf9; }
.border-blue-200 { border-color: #90caf9; }
.fill-blue-200 { fill: #90caf9; }
.stroke-blue-200 { stroke: #90caf9; }
.color-blue-300 { color: #64b5f6; }
.bg-blue-300 { background-color: #64b5f6; }
.border-blue-300 { border-color: #64b5f6; }
.fill-blue-300 { fill: #64b5f6; }
.stroke-blue-300 { stroke: #64b5f6; }
.color-blue-400 { color: #42a5f5; }
.bg-blue-400 { background-color: #42a5f5; }
.border-blue-400 { border-color: #42a5f5; }
.fill-blue-400 { fill: #42a5f5; }
.stroke-blue-400 { stroke: #42a5f5; }
.color-blue-500 { color: #2196f3; }
.bg-blue-500 { background-color: #2196f3; }
.border-blue-500 { border-color: #2196f3; }
.fill-blue-500 { fill: #2196f3; }
.stroke-blue-500 { stroke: #2196f3; }
.color-blue-600 { color: #1e88e5; }
.bg-blue-600 { background-color: #1e88e5; }
.border-blue-600 { border-color: #1e88e5; }
.fill-blue-600 { fill: #1e88e5; }
.stroke-blue-600 { stroke: #1e88e5; }
.color-blue-700 { color: #1976d2; }
.bg-blue-700 { background-color: #1976d2; }
.border-blue-700 { border-color: #1976d2; }
.fill-blue-700 { fill: #1976d2; }
.stroke-blue-700 { stroke: #1976d2; }
.color-blue-800 { color: #1565c0; }
.bg-blue-800 { background-color: #1565c0; }
.border-blue-800 { border-color: #1565c0; }
.fill-blue-800 { fill: #1565c0; }
.stroke-blue-800 { stroke: #1565c0; }
.color-blue-900 { color: #0d47a1; }
.bg-blue-900 { background-color: #0d47a1; }
.border-blue-900 { border-color: #0d47a1; }
.fill-blue-900 { fill: #0d47a1; }
.stroke-blue-900 { stroke: #0d47a1; }
.color-blue-a100 { color: #82b1ff; }
.bg-blue-a100 { background-color: #82b1ff; }
.border-blue-a100 { border-color: #82b1ff; }
.fill-blue-a100 { fill: #82b1ff; }
.stroke-blue-a100 { stroke: #82b1ff; }
.color-blue-a200 { color: #448aff; }
.bg-blue-a200 { background-color: #448aff; }
.border-blue-a200 { border-color: #448aff; }
.fill-blue-a200 { fill: #448aff; }
.stroke-blue-a200 { stroke: #448aff; }
.color-blue-a400 { color: #2979ff; }
.bg-blue-a400 { background-color: #2979ff; }
.border-blue-a400 { border-color: #2979ff; }
.fill-blue-a400 { fill: #2979ff; }
.stroke-blue-a400 { stroke: #2979ff; }
.color-blue-a700 { color: #2962ff; }
.bg-blue-a700 { background-color: #2962ff; }
.border-blue-a700 { border-color: #2962ff; }
.fill-blue-a700 { fill: #2962ff; }
.stroke-blue-a700 { stroke: #2962ff; }
.color-light-blue-50 { color: #e1f5fe; }
.bg-light-blue-50 { background-color: #e1f5fe; }
.border-light-blue-50 { border-color: #e1f5fe; }
.fill-light-blue-50 { fill: #e1f5fe; }
.stroke-light-blue-50 { stroke: #e1f5fe; }
.color-light-blue-100 { color: #b3e5fc; }
.bg-light-blue-100 { background-color: #b3e5fc; }
.border-light-blue-100 { border-color: #b3e5fc; }
.fill-light-blue-100 { fill: #b3e5fc; }
.stroke-light-blue-100 { stroke: #b3e5fc; }
.color-light-blue-200 { color: #81d4fa; }
.bg-light-blue-200 { background-color: #81d4fa; }
.border-light-blue-200 { border-color: #81d4fa; }
.fill-light-blue-200 { fill: #81d4fa; }
.stroke-light-blue-200 { stroke: #81d4fa; }
.color-light-blue-300 { color: #4fc3f7; }
.bg-light-blue-300 { background-color: #4fc3f7; }
.border-light-blue-300 { border-color: #4fc3f7; }
.fill-light-blue-300 { fill: #4fc3f7; }
.stroke-light-blue-300 { stroke: #4fc3f7; }
.color-light-blue-400 { color: #29b6f6; }
.bg-light-blue-400 { background-color: #29b6f6; }
.border-light-blue-400 { border-color: #29b6f6; }
.fill-light-blue-400 { fill: #29b6f6; }
.stroke-light-blue-400 { stroke: #29b6f6; }
.color-light-blue-500 { color: #03a9f4; }
.bg-light-blue-500 { background-color: #03a9f4; }
.border-light-blue-500 { border-color: #03a9f4; }
.fill-light-blue-500 { fill: #03a9f4; }
.stroke-light-blue-500 { stroke: #03a9f4; }
.color-light-blue-600 { color: #039be5; }
.bg-light-blue-600 { background-color: #039be5; }
.border-light-blue-600 { border-color: #039be5; }
.fill-light-blue-600 { fill: #039be5; }
.stroke-light-blue-600 { stroke: #039be5; }
.color-light-blue-700 { color: #0288d1; }
.bg-light-blue-700 { background-color: #0288d1; }
.border-light-blue-700 { border-color: #0288d1; }
.fill-light-blue-700 { fill: #0288d1; }
.stroke-light-blue-700 { stroke: #0288d1; }
.color-light-blue-800 { color: #0277bd; }
.bg-light-blue-800 { background-color: #0277bd; }
.border-light-blue-800 { border-color: #0277bd; }
.fill-light-blue-800 { fill: #0277bd; }
.stroke-light-blue-800 { stroke: #0277bd; }
.color-light-blue-900 { color: #01579b; }
.bg-light-blue-900 { background-color: #01579b; }
.border-light-blue-900 { border-color: #01579b; }
.fill-light-blue-900 { fill: #01579b; }
.stroke-light-blue-900 { stroke: #01579b; }
.color-light-blue-a100 { color: #80d8ff; }
.bg-light-blue-a100 { background-color: #80d8ff; }
.border-light-blue-a100 { border-color: #80d8ff; }
.fill-light-blue-a100 { fill: #80d8ff; }
.stroke-light-blue-a100 { stroke: #80d8ff; }
.color-light-blue-a200 { color: #40c4ff; }
.bg-light-blue-a200 { background-color: #40c4ff; }
.border-light-blue-a200 { border-color: #40c4ff; }
.fill-light-blue-a200 { fill: #40c4ff; }
.stroke-light-blue-a200 { stroke: #40c4ff; }
.color-light-blue-a400 { color: #00b0ff; }
.bg-light-blue-a400 { background-color: #00b0ff; }
.border-light-blue-a400 { border-color: #00b0ff; }
.fill-light-blue-a400 { fill: #00b0ff; }
.stroke-light-blue-a400 { stroke: #00b0ff; }
.color-light-blue-a700 { color: #0091ea; }
.bg-light-blue-a700 { background-color: #0091ea; }
.border-light-blue-a700 { border-color: #0091ea; }
.fill-light-blue-a700 { fill: #0091ea; }
.stroke-light-blue-a700 { stroke: #0091ea; }
.color-cyan-50 { color: #e0f7fa; }
.bg-cyan-50 { background-color: #e0f7fa; }
.border-cyan-50 { border-color: #e0f7fa; }
.fill-cyan-50 { fill: #e0f7fa; }
.stroke-cyan-50 { stroke: #e0f7fa; }
.color-cyan-100 { color: #b2ebf2; }
.bg-cyan-100 { background-color: #b2ebf2; }
.border-cyan-100 { border-color: #b2ebf2; }
.fill-cyan-100 { fill: #b2ebf2; }
.stroke-cyan-100 { stroke: #b2ebf2; }
.color-cyan-200 { color: #80deea; }
.bg-cyan-200 { background-color: #80deea; }
.border-cyan-200 { border-color: #80deea; }
.fill-cyan-200 { fill: #80deea; }
.stroke-cyan-200 { stroke: #80deea; }
.color-cyan-300 { color: #4dd0e1; }
.bg-cyan-300 { background-color: #4dd0e1; }
.border-cyan-300 { border-color: #4dd0e1; }
.fill-cyan-300 { fill: #4dd0e1; }
.stroke-cyan-300 { stroke: #4dd0e1; }
.color-cyan-400 { color: #26c6da; }
.bg-cyan-400 { background-color: #26c6da; }
.border-cyan-400 { border-color: #26c6da; }
.fill-cyan-400 { fill: #26c6da; }
.stroke-cyan-400 { stroke: #26c6da; }
.color-cyan-500 { color: #00bcd4; }
.bg-cyan-500 { background-color: #00bcd4; }
.border-cyan-500 { border-color: #00bcd4; }
.fill-cyan-500 { fill: #00bcd4; }
.stroke-cyan-500 { stroke: #00bcd4; }
.color-cyan-600 { color: #00acc1; }
.bg-cyan-600 { background-color: #00acc1; }
.border-cyan-600 { border-color: #00acc1; }
.fill-cyan-600 { fill: #00acc1; }
.stroke-cyan-600 { stroke: #00acc1; }
.color-cyan-700 { color: #0097a7; }
.bg-cyan-700 { background-color: #0097a7; }
.border-cyan-700 { border-color: #0097a7; }
.fill-cyan-700 { fill: #0097a7; }
.stroke-cyan-700 { stroke: #0097a7; }
.color-cyan-800 { color: #00838f; }
.bg-cyan-800 { background-color: #00838f; }
.border-cyan-800 { border-color: #00838f; }
.fill-cyan-800 { fill: #00838f; }
.stroke-cyan-800 { stroke: #00838f; }
.color-cyan-900 { color: #006064; }
.bg-cyan-900 { background-color: #006064; }
.border-cyan-900 { border-color: #006064; }
.fill-cyan-900 { fill: #006064; }
.stroke-cyan-900 { stroke: #006064; }
.color-cyan-a100 { color: #84ffff; }
.bg-cyan-a100 { background-color: #84ffff; }
.border-cyan-a100 { border-color: #84ffff; }
.fill-cyan-a100 { fill: #84ffff; }
.stroke-cyan-a100 { stroke: #84ffff; }
.color-cyan-a200 { color: #18ffff; }
.bg-cyan-a200 { background-color: #18ffff; }
.border-cyan-a200 { border-color: #18ffff; }
.fill-cyan-a200 { fill: #18ffff; }
.stroke-cyan-a200 { stroke: #18ffff; }
.color-cyan-a400 { color: #00e5ff; }
.bg-cyan-a400 { background-color: #00e5ff; }
.border-cyan-a400 { border-color: #00e5ff; }
.fill-cyan-a400 { fill: #00e5ff; }
.stroke-cyan-a400 { stroke: #00e5ff; }
.color-cyan-a700 { color: #00b8d4; }
.bg-cyan-a700 { background-color: #00b8d4; }
.border-cyan-a700 { border-color: #00b8d4; }
.fill-cyan-a700 { fill: #00b8d4; }
.stroke-cyan-a700 { stroke: #00b8d4; }
.color-teal-50 { color: #e0f2f1; }
.bg-teal-50 { background-color: #e0f2f1; }
.border-teal-50 { border-color: #e0f2f1; }
.fill-teal-50 { fill: #e0f2f1; }
.stroke-teal-50 { stroke: #e0f2f1; }
.color-teal-100 { color: #b2dfdb; }
.bg-teal-100 { background-color: #b2dfdb; }
.border-teal-100 { border-color: #b2dfdb; }
.fill-teal-100 { fill: #b2dfdb; }
.stroke-teal-100 { stroke: #b2dfdb; }
.color-teal-200 { color: #80cbc4; }
.bg-teal-200 { background-color: #80cbc4; }
.border-teal-200 { border-color: #80cbc4; }
.fill-teal-200 { fill: #80cbc4; }
.stroke-teal-200 { stroke: #80cbc4; }
.color-teal-300 { color: #4db6ac; }
.bg-teal-300 { background-color: #4db6ac; }
.border-teal-300 { border-color: #4db6ac; }
.fill-teal-300 { fill: #4db6ac; }
.stroke-teal-300 { stroke: #4db6ac; }
.color-teal-400 { color: #26a69a; }
.bg-teal-400 { background-color: #26a69a; }
.border-teal-400 { border-color: #26a69a; }
.fill-teal-400 { fill: #26a69a; }
.stroke-teal-400 { stroke: #26a69a; }
.color-teal-500 { color: #009688; }
.bg-teal-500 { background-color: #009688; }
.border-teal-500 { border-color: #009688; }
.fill-teal-500 { fill: #009688; }
.stroke-teal-500 { stroke: #009688; }
.color-teal-600 { color: #00897b; }
.bg-teal-600 { background-color: #00897b; }
.border-teal-600 { border-color: #00897b; }
.fill-teal-600 { fill: #00897b; }
.stroke-teal-600 { stroke: #00897b; }
.color-teal-700 { color: #00796b; }
.bg-teal-700 { background-color: #00796b; }
.border-teal-700 { border-color: #00796b; }
.fill-teal-700 { fill: #00796b; }
.stroke-teal-700 { stroke: #00796b; }
.color-teal-800 { color: #00695c; }
.bg-teal-800 { background-color: #00695c; }
.border-teal-800 { border-color: #00695c; }
.fill-teal-800 { fill: #00695c; }
.stroke-teal-800 { stroke: #00695c; }
.color-teal-900 { color: #004d40; }
.bg-teal-900 { background-color: #004d40; }
.border-teal-900 { border-color: #004d40; }
.fill-teal-900 { fill: #004d40; }
.stroke-teal-900 { stroke: #004d40; }
.color-teal-a100 { color: #a7ffeb; }
.bg-teal-a100 { background-color: #a7ffeb; }
.border-teal-a100 { border-color: #a7ffeb; }
.fill-teal-a100 { fill: #a7ffeb; }
.stroke-teal-a100 { stroke: #a7ffeb; }
.color-teal-a200 { color: #64ffda; }
.bg-teal-a200 { background-color: #64ffda; }
.border-teal-a200 { border-color: #64ffda; }
.fill-teal-a200 { fill: #64ffda; }
.stroke-teal-a200 { stroke: #64ffda; }
.color-teal-a400 { color: #1de9b6; }
.bg-teal-a400 { background-color: #1de9b6; }
.border-teal-a400 { border-color: #1de9b6; }
.fill-teal-a400 { fill: #1de9b6; }
.stroke-teal-a400 { stroke: #1de9b6; }
.color-teal-a700 { color: #00bfa5; }
.bg-teal-a700 { background-color: #00bfa5; }
.border-teal-a700 { border-color: #00bfa5; }
.fill-teal-a700 { fill: #00bfa5; }
.stroke-teal-a700 { stroke: #00bfa5; }
.color-green-50 { color: #e8f5e9; }
.bg-green-50 { background-color: #e8f5e9; }
.border-green-50 { border-color: #e8f5e9; }
.fill-green-50 { fill: #e8f5e9; }
.stroke-green-50 { stroke: #e8f5e9; }
.color-green-100 { color: #c8e6c9; }
.bg-green-100 { background-color: #c8e6c9; }
.border-green-100 { border-color: #c8e6c9; }
.fill-green-100 { fill: #c8e6c9; }
.stroke-green-100 { stroke: #c8e6c9; }
.color-green-200 { color: #a5d6a7; }
.bg-green-200 { background-color: #a5d6a7; }
.border-green-200 { border-color: #a5d6a7; }
.fill-green-200 { fill: #a5d6a7; }
.stroke-green-200 { stroke: #a5d6a7; }
.color-green-300 { color: #81c784; }
.bg-green-300 { background-color: #81c784; }
.border-green-300 { border-color: #81c784; }
.fill-green-300 { fill: #81c784; }
.stroke-green-300 { stroke: #81c784; }
.color-green-400 { color: #66bb6a; }
.bg-green-400 { background-color: #66bb6a; }
.border-green-400 { border-color: #66bb6a; }
.fill-green-400 { fill: #66bb6a; }
.stroke-green-400 { stroke: #66bb6a; }
.color-green-500 { color: #4caf50; }
.bg-green-500 { background-color: #4caf50; }
.border-green-500 { border-color: #4caf50; }
.fill-green-500 { fill: #4caf50; }
.stroke-green-500 { stroke: #4caf50; }
.color-green-600 { color: #43a047; }
.bg-green-600 { background-color: #43a047; }
.border-green-600 { border-color: #43a047; }
.fill-green-600 { fill: #43a047; }
.stroke-green-600 { stroke: #43a047; }
.color-green-700 { color: #388e3c; }
.bg-green-700 { background-color: #388e3c; }
.border-green-700 { border-color: #388e3c; }
.fill-green-700 { fill: #388e3c; }
.stroke-green-700 { stroke: #388e3c; }
.color-green-800 { color: #2e7d32; }
.bg-green-800 { background-color: #2e7d32; }
.border-green-800 { border-color: #2e7d32; }
.fill-green-800 { fill: #2e7d32; }
.stroke-green-800 { stroke: #2e7d32; }
.color-green-900 { color: #1b5e20; }
.bg-green-900 { background-color: #1b5e20; }
.border-green-900 { border-color: #1b5e20; }
.fill-green-900 { fill: #1b5e20; }
.stroke-green-900 { stroke: #1b5e20; }
.color-green-a100 { color: #b9f6ca; }
.bg-green-a100 { background-color: #b9f6ca; }
.border-green-a100 { border-color: #b9f6ca; }
.fill-green-a100 { fill: #b9f6ca; }
.stroke-green-a100 { stroke: #b9f6ca; }
.color-green-a200 { color: #69f0ae; }
.bg-green-a200 { background-color: #69f0ae; }
.border-green-a200 { border-color: #69f0ae; }
.fill-green-a200 { fill: #69f0ae; }
.stroke-green-a200 { stroke: #69f0ae; }
.color-green-a400 { color: #00e676; }
.bg-green-a400 { background-color: #00e676; }
.border-green-a400 { border-color: #00e676; }
.fill-green-a400 { fill: #00e676; }
.stroke-green-a400 { stroke: #00e676; }
.color-green-a700 { color: #00c853; }
.bg-green-a700 { background-color: #00c853; }
.border-green-a700 { border-color: #00c853; }
.fill-green-a700 { fill: #00c853; }
.stroke-green-a700 { stroke: #00c853; }
.color-light-green-50 { color: #f1f8e9; }
.bg-light-green-50 { background-color: #f1f8e9; }
.border-light-green-50 { border-color: #f1f8e9; }
.fill-light-green-50 { fill: #f1f8e9; }
.stroke-light-green-50 { stroke: #f1f8e9; }
.color-light-green-100 { color: #dcedc8; }
.bg-light-green-100 { background-color: #dcedc8; }
.border-light-green-100 { border-color: #dcedc8; }
.fill-light-green-100 { fill: #dcedc8; }
.stroke-light-green-100 { stroke: #dcedc8; }
.color-light-green-200 { color: #c5e1a5; }
.bg-light-green-200 { background-color: #c5e1a5; }
.border-light-green-200 { border-color: #c5e1a5; }
.fill-light-green-200 { fill: #c5e1a5; }
.stroke-light-green-200 { stroke: #c5e1a5; }
.color-light-green-300 { color: #aed581; }
.bg-light-green-300 { background-color: #aed581; }
.border-light-green-300 { border-color: #aed581; }
.fill-light-green-300 { fill: #aed581; }
.stroke-light-green-300 { stroke: #aed581; }
.color-light-green-400 { color: #9ccc65; }
.bg-light-green-400 { background-color: #9ccc65; }
.border-light-green-400 { border-color: #9ccc65; }
.fill-light-green-400 { fill: #9ccc65; }
.stroke-light-green-400 { stroke: #9ccc65; }
.color-light-green-500 { color: #8bc34a; }
.bg-light-green-500 { background-color: #8bc34a; }
.border-light-green-500 { border-color: #8bc34a; }
.fill-light-green-500 { fill: #8bc34a; }
.stroke-light-green-500 { stroke: #8bc34a; }
.color-light-green-600 { color: #7cb342; }
.bg-light-green-600 { background-color: #7cb342; }
.border-light-green-600 { border-color: #7cb342; }
.fill-light-green-600 { fill: #7cb342; }
.stroke-light-green-600 { stroke: #7cb342; }
.color-light-green-700 { color: #689f38; }
.bg-light-green-700 { background-color: #689f38; }
.border-light-green-700 { border-color: #689f38; }
.fill-light-green-700 { fill: #689f38; }
.stroke-light-green-700 { stroke: #689f38; }
.color-light-green-800 { color: #558b2f; }
.bg-light-green-800 { background-color: #558b2f; }
.border-light-green-800 { border-color: #558b2f; }
.fill-light-green-800 { fill: #558b2f; }
.stroke-light-green-800 { stroke: #558b2f; }
.color-light-green-900 { color: #33691e; }
.bg-light-green-900 { background-color: #33691e; }
.border-light-green-900 { border-color: #33691e; }
.fill-light-green-900 { fill: #33691e; }
.stroke-light-green-900 { stroke: #33691e; }
.color-light-green-a100 { color: #ccff90; }
.bg-light-green-a100 { background-color: #ccff90; }
.border-light-green-a100 { border-color: #ccff90; }
.fill-light-green-a100 { fill: #ccff90; }
.stroke-light-green-a100 { stroke: #ccff90; }
.color-light-green-a200 { color: #b2ff59; }
.bg-light-green-a200 { background-color: #b2ff59; }
.border-light-green-a200 { border-color: #b2ff59; }
.fill-light-green-a200 { fill: #b2ff59; }
.stroke-light-green-a200 { stroke: #b2ff59; }
.color-light-green-a400 { color: #76ff03; }
.bg-light-green-a400 { background-color: #76ff03; }
.border-light-green-a400 { border-color: #76ff03; }
.fill-light-green-a400 { fill: #76ff03; }
.stroke-light-green-a400 { stroke: #76ff03; }
.color-light-green-a700 { color: #64dd17; }
.bg-light-green-a700 { background-color: #64dd17; }
.border-light-green-a700 { border-color: #64dd17; }
.fill-light-green-a700 { fill: #64dd17; }
.stroke-light-green-a700 { stroke: #64dd17; }
.color-lime-50 { color: #f9fbe7; }
.bg-lime-50 { background-color: #f9fbe7; }
.border-lime-50 { border-color: #f9fbe7; }
.fill-lime-50 { fill: #f9fbe7; }
.stroke-lime-50 { stroke: #f9fbe7; }
.color-lime-100 { color: #f0f4c3; }
.bg-lime-100 { background-color: #f0f4c3; }
.border-lime-100 { border-color: #f0f4c3; }
.fill-lime-100 { fill: #f0f4c3; }
.stroke-lime-100 { stroke: #f0f4c3; }
.color-lime-200 { color: #e6ee9c; }
.bg-lime-200 { background-color: #e6ee9c; }
.border-lime-200 { border-color: #e6ee9c; }
.fill-lime-200 { fill: #e6ee9c; }
.stroke-lime-200 { stroke: #e6ee9c; }
.color-lime-300 { color: #dce775; }
.bg-lime-300 { background-color: #dce775; }
.border-lime-300 { border-color: #dce775; }
.fill-lime-300 { fill: #dce775; }
.stroke-lime-300 { stroke: #dce775; }
.color-lime-400 { color: #d4e157; }
.bg-lime-400 { background-color: #d4e157; }
.border-lime-400 { border-color: #d4e157; }
.fill-lime-400 { fill: #d4e157; }
.stroke-lime-400 { stroke: #d4e157; }
.color-lime-500 { color: #cddc39; }
.bg-lime-500 { background-color: #cddc39; }
.border-lime-500 { border-color: #cddc39; }
.fill-lime-500 { fill: #cddc39; }
.stroke-lime-500 { stroke: #cddc39; }
.color-lime-600 { color: #c0ca33; }
.bg-lime-600 { background-color: #c0ca33; }
.border-lime-600 { border-color: #c0ca33; }
.fill-lime-600 { fill: #c0ca33; }
.stroke-lime-600 { stroke: #c0ca33; }
.color-lime-700 { color: #afb42b; }
.bg-lime-700 { background-color: #afb42b; }
.border-lime-700 { border-color: #afb42b; }
.fill-lime-700 { fill: #afb42b; }
.stroke-lime-700 { stroke: #afb42b; }
.color-lime-800 { color: #9e9d24; }
.bg-lime-800 { background-color: #9e9d24; }
.border-lime-800 { border-color: #9e9d24; }
.fill-lime-800 { fill: #9e9d24; }
.stroke-lime-800 { stroke: #9e9d24; }
.color-lime-900 { color: #827717; }
.bg-lime-900 { background-color: #827717; }
.border-lime-900 { border-color: #827717; }
.fill-lime-900 { fill: #827717; }
.stroke-lime-900 { stroke: #827717; }
.color-lime-a100 { color: #f4ff81; }
.bg-lime-a100 { background-color: #f4ff81; }
.border-lime-a100 { border-color: #f4ff81; }
.fill-lime-a100 { fill: #f4ff81; }
.stroke-lime-a100 { stroke: #f4ff81; }
.color-lime-a200 { color: #eeff41; }
.bg-lime-a200 { background-color: #eeff41; }
.border-lime-a200 { border-color: #eeff41; }
.fill-lime-a200 { fill: #eeff41; }
.stroke-lime-a200 { stroke: #eeff41; }
.color-lime-a400 { color: #c6ff00; }
.bg-lime-a400 { background-color: #c6ff00; }
.border-lime-a400 { border-color: #c6ff00; }
.fill-lime-a400 { fill: #c6ff00; }
.stroke-lime-a400 { stroke: #c6ff00; }
.color-lime-a700 { color: #aeea00; }
.bg-lime-a700 { background-color: #aeea00; }
.border-lime-a700 { border-color: #aeea00; }
.fill-lime-a700 { fill: #aeea00; }
.stroke-lime-a700 { stroke: #aeea00; }
.color-yellow-50 { color: #fffde7; }
.bg-yellow-50 { background-color: #fffde7; }
.border-yellow-50 { border-color: #fffde7; }
.fill-yellow-50 { fill: #fffde7; }
.stroke-yellow-50 { stroke: #fffde7; }
.color-yellow-100 { color: #fff9c4; }
.bg-yellow-100 { background-color: #fff9c4; }
.border-yellow-100 { border-color: #fff9c4; }
.fill-yellow-100 { fill: #fff9c4; }
.stroke-yellow-100 { stroke: #fff9c4; }
.color-yellow-200 { color: #fff59d; }
.bg-yellow-200 { background-color: #fff59d; }
.border-yellow-200 { border-color: #fff59d; }
.fill-yellow-200 { fill: #fff59d; }
.stroke-yellow-200 { stroke: #fff59d; }
.color-yellow-300 { color: #fff176; }
.bg-yellow-300 { background-color: #fff176; }
.border-yellow-300 { border-color: #fff176; }
.fill-yellow-300 { fill: #fff176; }
.stroke-yellow-300 { stroke: #fff176; }
.color-yellow-400 { color: #ffee58; }
.bg-yellow-400 { background-color: #ffee58; }
.border-yellow-400 { border-color: #ffee58; }
.fill-yellow-400 { fill: #ffee58; }
.stroke-yellow-400 { stroke: #ffee58; }
.color-yellow-500 { color: #ffeb3b; }
.bg-yellow-500 { background-color: #ffeb3b; }
.border-yellow-500 { border-color: #ffeb3b; }
.fill-yellow-500 { fill: #ffeb3b; }
.stroke-yellow-500 { stroke: #ffeb3b; }
.color-yellow-600 { color: #fdd835; }
.bg-yellow-600 { background-color: #fdd835; }
.border-yellow-600 { border-color: #fdd835; }
.fill-yellow-600 { fill: #fdd835; }
.stroke-yellow-600 { stroke: #fdd835; }
.color-yellow-700 { color: #fbc02d; }
.bg-yellow-700 { background-color: #fbc02d; }
.border-yellow-700 { border-color: #fbc02d; }
.fill-yellow-700 { fill: #fbc02d; }
.stroke-yellow-700 { stroke: #fbc02d; }
.color-yellow-800 { color: #f9a825; }
.bg-yellow-800 { background-color: #f9a825; }
.border-yellow-800 { border-color: #f9a825; }
.fill-yellow-800 { fill: #f9a825; }
.stroke-yellow-800 { stroke: #f9a825; }
.color-yellow-900 { color: #f57f17; }
.bg-yellow-900 { background-color: #f57f17; }
.border-yellow-900 { border-color: #f57f17; }
.fill-yellow-900 { fill: #f57f17; }
.stroke-yellow-900 { stroke: #f57f17; }
.color-yellow-a100 { color: #ffff8d; }
.bg-yellow-a100 { background-color: #ffff8d; }
.border-yellow-a100 { border-color: #ffff8d; }
.fill-yellow-a100 { fill: #ffff8d; }
.stroke-yellow-a100 { stroke: #ffff8d; }
.color-yellow-a200 { color: #ffff00; }
.bg-yellow-a200 { background-color: #ffff00; }
.border-yellow-a200 { border-color: #ffff00; }
.fill-yellow-a200 { fill: #ffff00; }
.stroke-yellow-a200 { stroke: #ffff00; }
.color-yellow-a400 { color: #ffea00; }
.bg-yellow-a400 { background-color: #ffea00; }
.border-yellow-a400 { border-color: #ffea00; }
.fill-yellow-a400 { fill: #ffea00; }
.stroke-yellow-a400 { stroke: #ffea00; }
.color-yellow-a700 { color: #ffd600; }
.bg-yellow-a700 { background-color: #ffd600; }
.border-yellow-a700 { border-color: #ffd600; }
.fill-yellow-a700 { fill: #ffd600; }
.stroke-yellow-a700 { stroke: #ffd600; }
.color-amber-50 { color: #fff8e1; }
.bg-amber-50 { background-color: #fff8e1; }
.border-amber-50 { border-color: #fff8e1; }
.fill-amber-50 { fill: #fff8e1; }
.stroke-amber-50 { stroke: #fff8e1; }
.color-amber-100 { color: #ffecb3; }
.bg-amber-100 { background-color: #ffecb3; }
.border-amber-100 { border-color: #ffecb3; }
.fill-amber-100 { fill: #ffecb3; }
.stroke-amber-100 { stroke: #ffecb3; }
.color-amber-200 { color: #ffe082; }
.bg-amber-200 { background-color: #ffe082; }
.border-amber-200 { border-color: #ffe082; }
.fill-amber-200 { fill: #ffe082; }
.stroke-amber-200 { stroke: #ffe082; }
.color-amber-300 { color: #ffd54f; }
.bg-amber-300 { background-color: #ffd54f; }
.border-amber-300 { border-color: #ffd54f; }
.fill-amber-300 { fill: #ffd54f; }
.stroke-amber-300 { stroke: #ffd54f; }
.color-amber-400 { color: #ffca28; }
.bg-amber-400 { background-color: #ffca28; }
.border-amber-400 { border-color: #ffca28; }
.fill-amber-400 { fill: #ffca28; }
.stroke-amber-400 { stroke: #ffca28; }
.color-amber-500 { color: #ffc107; }
.bg-amber-500 { background-color: #ffc107; }
.border-amber-500 { border-color: #ffc107; }
.fill-amber-500 { fill: #ffc107; }
.stroke-amber-500 { stroke: #ffc107; }
.color-amber-600 { color: #ffb300; }
.bg-amber-600 { background-color: #ffb300; }
.border-amber-600 { border-color: #ffb300; }
.fill-amber-600 { fill: #ffb300; }
.stroke-amber-600 { stroke: #ffb300; }
.color-amber-700 { color: #ffa000; }
.bg-amber-700 { background-color: #ffa000; }
.border-amber-700 { border-color: #ffa000; }
.fill-amber-700 { fill: #ffa000; }
.stroke-amber-700 { stroke: #ffa000; }
.color-amber-800 { color: #ff8f00; }
.bg-amber-800 { background-color: #ff8f00; }
.border-amber-800 { border-color: #ff8f00; }
.fill-amber-800 { fill: #ff8f00; }
.stroke-amber-800 { stroke: #ff8f00; }
.color-amber-900 { color: #ff6f00; }
.bg-amber-900 { background-color: #ff6f00; }
.border-amber-900 { border-color: #ff6f00; }
.fill-amber-900 { fill: #ff6f00; }
.stroke-amber-900 { stroke: #ff6f00; }
.color-amber-a100 { color: #ffe57f; }
.bg-amber-a100 { background-color: #ffe57f; }
.border-amber-a100 { border-color: #ffe57f; }
.fill-amber-a100 { fill: #ffe57f; }
.stroke-amber-a100 { stroke: #ffe57f; }
.color-amber-a200 { color: #ffd740; }
.bg-amber-a200 { background-color: #ffd740; }
.border-amber-a200 { border-color: #ffd740; }
.fill-amber-a200 { fill: #ffd740; }
.stroke-amber-a200 { stroke: #ffd740; }
.color-amber-a400 { color: #ffc400; }
.bg-amber-a400 { background-color: #ffc400; }
.border-amber-a400 { border-color: #ffc400; }
.fill-amber-a400 { fill: #ffc400; }
.stroke-amber-a400 { stroke: #ffc400; }
.color-amber-a700 { color: #ffab00; }
.bg-amber-a700 { background-color: #ffab00; }
.border-amber-a700 { border-color: #ffab00; }
.fill-amber-a700 { fill: #ffab00; }
.stroke-amber-a700 { stroke: #ffab00; }
.color-orange-50 { color: #fff3e0; }
.bg-orange-50 { background-color: #fff3e0; }
.border-orange-50 { border-color: #fff3e0; }
.fill-orange-50 { fill: #fff3e0; }
.stroke-orange-50 { stroke: #fff3e0; }
.color-orange-100 { color: #ffe0b2; }
.bg-orange-100 { background-color: #ffe0b2; }
.border-orange-100 { border-color: #ffe0b2; }
.fill-orange-100 { fill: #ffe0b2; }
.stroke-orange-100 { stroke: #ffe0b2; }
.color-orange-200 { color: #ffcc80; }
.bg-orange-200 { background-color: #ffcc80; }
.border-orange-200 { border-color: #ffcc80; }
.fill-orange-200 { fill: #ffcc80; }
.stroke-orange-200 { stroke: #ffcc80; }
.color-orange-300 { color: #ffb74d; }
.bg-orange-300 { background-color: #ffb74d; }
.border-orange-300 { border-color: #ffb74d; }
.fill-orange-300 { fill: #ffb74d; }
.stroke-orange-300 { stroke: #ffb74d; }
.color-orange-400 { color: #ffa726; }
.bg-orange-400 { background-color: #ffa726; }
.border-orange-400 { border-color: #ffa726; }
.fill-orange-400 { fill: #ffa726; }
.stroke-orange-400 { stroke: #ffa726; }
.color-orange-500 { color: #ff9800; }
.bg-orange-500 { background-color: #ff9800; }
.border-orange-500 { border-color: #ff9800; }
.fill-orange-500 { fill: #ff9800; }
.stroke-orange-500 { stroke: #ff9800; }
.color-orange-600 { color: #fb8c00; }
.bg-orange-600 { background-color: #fb8c00; }
.border-orange-600 { border-color: #fb8c00; }
.fill-orange-600 { fill: #fb8c00; }
.stroke-orange-600 { stroke: #fb8c00; }
.color-orange-700 { color: #f57c00; }
.bg-orange-700 { background-color: #f57c00; }
.border-orange-700 { border-color: #f57c00; }
.fill-orange-700 { fill: #f57c00; }
.stroke-orange-700 { stroke: #f57c00; }
.color-orange-800 { color: #ef6c00; }
.bg-orange-800 { background-color: #ef6c00; }
.border-orange-800 { border-color: #ef6c00; }
.fill-orange-800 { fill: #ef6c00; }
.stroke-orange-800 { stroke: #ef6c00; }
.color-orange-900 { color: #e65100; }
.bg-orange-900 { background-color: #e65100; }
.border-orange-900 { border-color: #e65100; }
.fill-orange-900 { fill: #e65100; }
.stroke-orange-900 { stroke: #e65100; }
.color-orange-a100 { color: #ffd180; }
.bg-orange-a100 { background-color: #ffd180; }
.border-orange-a100 { border-color: #ffd180; }
.fill-orange-a100 { fill: #ffd180; }
.stroke-orange-a100 { stroke: #ffd180; }
.color-orange-a200 { color: #ffab40; }
.bg-orange-a200 { background-color: #ffab40; }
.border-orange-a200 { border-color: #ffab40; }
.fill-orange-a200 { fill: #ffab40; }
.stroke-orange-a200 { stroke: #ffab40; }
.color-orange-a400 { color: #ff9100; }
.bg-orange-a400 { background-color: #ff9100; }
.border-orange-a400 { border-color: #ff9100; }
.fill-orange-a400 { fill: #ff9100; }
.stroke-orange-a400 { stroke: #ff9100; }
.color-orange-a700 { color: #ff6d00; }
.bg-orange-a700 { background-color: #ff6d00; }
.border-orange-a700 { border-color: #ff6d00; }
.fill-orange-a700 { fill: #ff6d00; }
.stroke-orange-a700 { stroke: #ff6d00; }
.color-deep-orange-50 { color: #fbe9e7; }
.bg-deep-orange-50 { background-color: #fbe9e7; }
.border-deep-orange-50 { border-color: #fbe9e7; }
.fill-deep-orange-50 { fill: #fbe9e7; }
.stroke-deep-orange-50 { stroke: #fbe9e7; }
.color-deep-orange-100 { color: #ffccbc; }
.bg-deep-orange-100 { background-color: #ffccbc; }
.border-deep-orange-100 { border-color: #ffccbc; }
.fill-deep-orange-100 { fill: #ffccbc; }
.stroke-deep-orange-100 { stroke: #ffccbc; }
.color-deep-orange-200 { color: #ffab91; }
.bg-deep-orange-200 { background-color: #ffab91; }
.border-deep-orange-200 { border-color: #ffab91; }
.fill-deep-orange-200 { fill: #ffab91; }
.stroke-deep-orange-200 { stroke: #ffab91; }
.color-deep-orange-300 { color: #ff8a65; }
.bg-deep-orange-300 { background-color: #ff8a65; }
.border-deep-orange-300 { border-color: #ff8a65; }
.fill-deep-orange-300 { fill: #ff8a65; }
.stroke-deep-orange-300 { stroke: #ff8a65; }
.color-deep-orange-400 { color: #ff7043; }
.bg-deep-orange-400 { background-color: #ff7043; }
.border-deep-orange-400 { border-color: #ff7043; }
.fill-deep-orange-400 { fill: #ff7043; }
.stroke-deep-orange-400 { stroke: #ff7043; }
.color-deep-orange-500 { color: #ff5722; }
.bg-deep-orange-500 { background-color: #ff5722; }
.border-deep-orange-500 { border-color: #ff5722; }
.fill-deep-orange-500 { fill: #ff5722; }
.stroke-deep-orange-500 { stroke: #ff5722; }
.color-deep-orange-600 { color: #f4511e; }
.bg-deep-orange-600 { background-color: #f4511e; }
.border-deep-orange-600 { border-color: #f4511e; }
.fill-deep-orange-600 { fill: #f4511e; }
.stroke-deep-orange-600 { stroke: #f4511e; }
.color-deep-orange-700 { color: #e64a19; }
.bg-deep-orange-700 { background-color: #e64a19; }
.border-deep-orange-700 { border-color: #e64a19; }
.fill-deep-orange-700 { fill: #e64a19; }
.stroke-deep-orange-700 { stroke: #e64a19; }
.color-deep-orange-800 { color: #d84315; }
.bg-deep-orange-800 { background-color: #d84315; }
.border-deep-orange-800 { border-color: #d84315; }
.fill-deep-orange-800 { fill: #d84315; }
.stroke-deep-orange-800 { stroke: #d84315; }
.color-deep-orange-900 { color: #bf360c; }
.bg-deep-orange-900 { background-color: #bf360c; }
.border-deep-orange-900 { border-color: #bf360c; }
.fill-deep-orange-900 { fill: #bf360c; }
.stroke-deep-orange-900 { stroke: #bf360c; }
.color-deep-orange-a100 { color: #ff9e80; }
.bg-deep-orange-a100 { background-color: #ff9e80; }
.border-deep-orange-a100 { border-color: #ff9e80; }
.fill-deep-orange-a100 { fill: #ff9e80; }
.stroke-deep-orange-a100 { stroke: #ff9e80; }
.color-deep-orange-a200 { color: #ff6e40; }
.bg-deep-orange-a200 { background-color: #ff6e40; }
.border-deep-orange-a200 { border-color: #ff6e40; }
.fill-deep-orange-a200 { fill: #ff6e40; }
.stroke-deep-orange-a200 { stroke: #ff6e40; }
.color-deep-orange-a400 { color: #ff3d00; }
.bg-deep-orange-a400 { background-color: #ff3d00; }
.border-deep-orange-a400 { border-color: #ff3d00; }
.fill-deep-orange-a400 { fill: #ff3d00; }
.stroke-deep-orange-a400 { stroke: #ff3d00; }
.color-deep-orange-a700 { color: #dd2c00; }
.bg-deep-orange-a700 { background-color: #dd2c00; }
.border-deep-orange-a700 { border-color: #dd2c00; }
.fill-deep-orange-a700 { fill: #dd2c00; }
.stroke-deep-orange-a700 { stroke: #dd2c00; }
.color-brown-50 { color: #efebe9; }
.bg-brown-50 { background-color: #efebe9; }
.border-brown-50 { border-color: #efebe9; }
.fill-brown-50 { fill: #efebe9; }
.stroke-brown-50 { stroke: #efebe9; }
.color-brown-100 { color: #d7ccc8; }
.bg-brown-100 { background-color: #d7ccc8; }
.border-brown-100 { border-color: #d7ccc8; }
.fill-brown-100 { fill: #d7ccc8; }
.stroke-brown-100 { stroke: #d7ccc8; }
.color-brown-200 { color: #bcaaa4; }
.bg-brown-200 { background-color: #bcaaa4; }
.border-brown-200 { border-color: #bcaaa4; }
.fill-brown-200 { fill: #bcaaa4; }
.stroke-brown-200 { stroke: #bcaaa4; }
.color-brown-300 { color: #a1887f; }
.bg-brown-300 { background-color: #a1887f; }
.border-brown-300 { border-color: #a1887f; }
.fill-brown-300 { fill: #a1887f; }
.stroke-brown-300 { stroke: #a1887f; }
.color-brown-400 { color: #8d6e63; }
.bg-brown-400 { background-color: #8d6e63; }
.border-brown-400 { border-color: #8d6e63; }
.fill-brown-400 { fill: #8d6e63; }
.stroke-brown-400 { stroke: #8d6e63; }
.color-brown-500 { color: #795548; }
.bg-brown-500 { background-color: #795548; }
.border-brown-500 { border-color: #795548; }
.fill-brown-500 { fill: #795548; }
.stroke-brown-500 { stroke: #795548; }
.color-brown-600 { color: #6d4c41; }
.bg-brown-600 { background-color: #6d4c41; }
.border-brown-600 { border-color: #6d4c41; }
.fill-brown-600 { fill: #6d4c41; }
.stroke-brown-600 { stroke: #6d4c41; }
.color-brown-700 { color: #5d4037; }
.bg-brown-700 { background-color: #5d4037; }
.border-brown-700 { border-color: #5d4037; }
.fill-brown-700 { fill: #5d4037; }
.stroke-brown-700 { stroke: #5d4037; }
.color-brown-800 { color: #4e342e; }
.bg-brown-800 { background-color: #4e342e; }
.border-brown-800 { border-color: #4e342e; }
.fill-brown-800 { fill: #4e342e; }
.stroke-brown-800 { stroke: #4e342e; }
.color-brown-900 { color: #3e2723; }
.bg-brown-900 { background-color: #3e2723; }
.border-brown-900 { border-color: #3e2723; }
.fill-brown-900 { fill: #3e2723; }
.stroke-brown-900 { stroke: #3e2723; }
.color-grey-50 { color: #fafafa; }
.bg-grey-50 { background-color: #fafafa; }
.border-grey-50 { border-color: #fafafa; }
.fill-grey-50 { fill: #fafafa; }
.stroke-grey-50 { stroke: #fafafa; }
.color-grey-100 { color: #f5f5f5; }
.bg-grey-100 { background-color: #f5f5f5; }
.border-grey-100 { border-color: #f5f5f5; }
.fill-grey-100 { fill: #f5f5f5; }
.stroke-grey-100 { stroke: #f5f5f5; }
.color-grey-200 { color: #eeeeee; }
.bg-grey-200 { background-color: #eeeeee; }
.border-grey-200 { border-color: #eeeeee; }
.fill-grey-200 { fill: #eeeeee; }
.stroke-grey-200 { stroke: #eeeeee; }
.color-grey-300 { color: #e0e0e0; }
.bg-grey-300 { background-color: #e0e0e0; }
.border-grey-300 { border-color: #e0e0e0; }
.fill-grey-300 { fill: #e0e0e0; }
.stroke-grey-300 { stroke: #e0e0e0; }
.color-grey-400 { color: #bdbdbd; }
.bg-grey-400 { background-color: #bdbdbd; }
.border-grey-400 { border-color: #bdbdbd; }
.fill-grey-400 { fill: #bdbdbd; }
.stroke-grey-400 { stroke: #bdbdbd; }
.color-grey-500 { color: #9e9e9e; }
.bg-grey-500 { background-color: #9e9e9e; }
.border-grey-500 { border-color: #9e9e9e; }
.fill-grey-500 { fill: #9e9e9e; }
.stroke-grey-500 { stroke: #9e9e9e; }
.color-grey-600 { color: #757575; }
.bg-grey-600 { background-color: #757575; }
.border-grey-600 { border-color: #757575; }
.fill-grey-600 { fill: #757575; }
.stroke-grey-600 { stroke: #757575; }
.color-grey-700 { color: #616161; }
.bg-grey-700 { background-color: #616161; }
.border-grey-700 { border-color: #616161; }
.fill-grey-700 { fill: #616161; }
.stroke-grey-700 { stroke: #616161; }
.color-grey-800 { color: #424242; }
.bg-grey-800 { background-color: #424242; }
.border-grey-800 { border-color: #424242; }
.fill-grey-800 { fill: #424242; }
.stroke-grey-800 { stroke: #424242; }
.color-grey-900 { color: #212121; }
.bg-grey-900 { background-color: #212121; }
.border-grey-900 { border-color: #212121; }
.fill-grey-900 { fill: #212121; }
.stroke-grey-900 { stroke: #212121; }
.color-blue-grey-50 { color: #eceff1; }
.bg-blue-grey-50 { background-color: #eceff1; }
.border-blue-grey-50 { border-color: #eceff1; }
.fill-blue-grey-50 { fill: #eceff1; }
.stroke-blue-grey-50 { stroke: #eceff1; }
.color-blue-grey-100 { color: #cfd8dc; }
.bg-blue-grey-100 { background-color: #cfd8dc; }
.border-blue-grey-100 { border-color: #cfd8dc; }
.fill-blue-grey-100 { fill: #cfd8dc; }
.stroke-blue-grey-100 { stroke: #cfd8dc; }
.color-blue-grey-200 { color: #b0bec5; }
.bg-blue-grey-200 { background-color: #b0bec5; }
.border-blue-grey-200 { border-color: #b0bec5; }
.fill-blue-grey-200 { fill: #b0bec5; }
.stroke-blue-grey-200 { stroke: #b0bec5; }
.color-blue-grey-300 { color: #90a4ae; }
.bg-blue-grey-300 { background-color: #90a4ae; }
.border-blue-grey-300 { border-color: #90a4ae; }
.fill-blue-grey-300 { fill: #90a4ae; }
.stroke-blue-grey-300 { stroke: #90a4ae; }
.color-blue-grey-400 { color: #78909c; }
.bg-blue-grey-400 { background-color: #78909c; }
.border-blue-grey-400 { border-color: #78909c; }
.fill-blue-grey-400 { fill: #78909c; }
.stroke-blue-grey-400 { stroke: #78909c; }
.color-blue-grey-500 { color: #607d8b; }
.bg-blue-grey-500 { background-color: #607d8b; }
.border-blue-grey-500 { border-color: #607d8b; }
.fill-blue-grey-500 { fill: #607d8b; }
.stroke-blue-grey-500 { stroke: #607d8b; }
.color-blue-grey-600 { color: #546e7a; }
.bg-blue-grey-600 { background-color: #546e7a; }
.border-blue-grey-600 { border-color: #546e7a; }
.fill-blue-grey-600 { fill: #546e7a; }
.stroke-blue-grey-600 { stroke: #546e7a; }
.color-blue-grey-700 { color: #455a64; }
.bg-blue-grey-700 { background-color: #455a64; }
.border-blue-grey-700 { border-color: #455a64; }
.fill-blue-grey-700 { fill: #455a64; }
.stroke-blue-grey-700 { stroke: #455a64; }
.color-blue-grey-800 { color: #37474f; }
.bg-blue-grey-800 { background-color: #37474f; }
.border-blue-grey-800 { border-color: #37474f; }
.fill-blue-grey-800 { fill: #37474f; }
.stroke-blue-grey-800 { stroke: #37474f; }
.color-blue-grey-900 { color: #263238; }
.bg-blue-grey-900 { background-color: #263238; }
.border-blue-grey-900 { border-color: #263238; }
.fill-blue-grey-900 { fill: #263238; }
.stroke-blue-grey-900 { stroke: #263238; }
.color-black { color: #000000; }
.bg-black { background-color: #000000; }
.border-black { border-color: #000000; }
.fill-black { fill: #000000; }
.stroke-black { stroke: #000000; }
.color-white { color: #ffffff; }
.bg-white { background-color: #ffffff; }
.border-white { border-color: #ffffff; }
.fill-white { fill: #ffffff; }
.stroke-white { stroke: #ffffff; }
.color-dark-text-primary { color: rgba(0, 0, 0, 0.87); }
.bg-dark-text-primary { background-color: rgba(0, 0, 0, 0.87); }
.border-dark-text-primary { border-color: rgba(0, 0, 0, 0.87); }
.fill-dark-text-primary { fill: rgba(0, 0, 0, 0.87); }
.stroke-dark-text-primary { stroke: rgba(0, 0, 0, 0.87); }
.color-dark-text-secondary { color: rgba(0, 0, 0, 0.54); }
.bg-dark-text-secondary { background-color: rgba(0, 0, 0, 0.54); }
.border-dark-text-secondary { border-color: rgba(0, 0, 0, 0.54); }
.fill-dark-text-secondary { fill: rgba(0, 0, 0, 0.54); }
.stroke-dark-text-secondary { stroke: rgba(0, 0, 0, 0.54); }
.color-dark-text-disabled { color: rgba(0, 0, 0, 0.38); }
.bg-dark-text-disabled { background-color: rgba(0, 0, 0, 0.38); }
.border-dark-text-disabled { border-color: rgba(0, 0, 0, 0.38); }
.fill-dark-text-disabled { fill: rgba(0, 0, 0, 0.38); }
.stroke-dark-text-disabled { stroke: rgba(0, 0, 0, 0.38); }
.color-dark-text-dividers { color: rgba(0, 0, 0, 0.12); }
.bg-dark-text-dividers { background-color: rgba(0, 0, 0, 0.12); }
.border-dark-text-dividers { border-color: rgba(0, 0, 0, 0.12); }
.fill-dark-text-dividers { fill: rgba(0, 0, 0, 0.12); }
.stroke-dark-text-dividers { stroke: rgba(0, 0, 0, 0.12); }
.color-light-text-primary { color: rgba(255, 255, 255, 1); }
.bg-light-text-primary { background-color: rgba(255, 255, 255, 1); }
.border-light-text-primary { border-color: rgba(255, 255, 255, 1); }
.fill-light-text-primary { fill: rgba(255, 255, 255, 1); }
.stroke-light-text-primary { stroke: rgba(255, 255, 255, 1); }
.color-light-text-secondary { color: rgba(255, 255, 255, 0.7); }
.bg-light-text-secondary { background-color: rgba(255, 255, 255, 0.7); }
.border-light-text-secondary { border-color: rgba(255, 255, 255, 0.7); }
.fill-light-text-secondary { fill: rgba(255, 255, 255, 0.7); }
.stroke-light-text-secondary { stroke: rgba(255, 255, 255, 0.7); }
.color-light-text-disabled { color: rgba(255, 255, 255, 0.5); }
.bg-light-text-disabled { background-color: rgba(255, 255, 255, 0.5); }
.border-light-text-disabled { border-color: rgba(255, 255, 255, 0.5); }
.fill-light-text-disabled { fill: rgba(255, 255, 255, 0.5); }
.stroke-light-text-disabled { stroke: rgba(255, 255, 255, 0.5); }
.color-light-text-dividers { color: rgba(255, 255, 255, 0.12); }
.bg-light-text-dividers { background-color: rgba(255, 255, 255, 0.12); }
.border-light-text-dividers { border-color: rgba(255, 255, 255, 0.12); }
.fill-light-text-dividers { fill: rgba(255, 255, 255, 0.12); }
.stroke-light-text-dividers { stroke: rgba(255, 255, 255, 0.12); }
.color-dark-icons-active { color: rgba(0, 0, 0, 0.54); }
.bg-dark-icons-active { background-color: rgba(0, 0, 0, 0.54); }
.border-dark-icons-active { border-color: rgba(0, 0, 0, 0.54); }
.fill-dark-icons-active { fill: rgba(0, 0, 0, 0.54); }
.stroke-dark-icons-active { stroke: rgba(0, 0, 0, 0.54); }
.color-dark-icons-inactive { color: rgba(0, 0, 0, 0.38); }
.bg-dark-icons-inactive { background-color: rgba(0, 0, 0, 0.38); }
.border-dark-icons-inactive { border-color: rgba(0, 0, 0, 0.38); }
.fill-dark-icons-inactive { fill: rgba(0, 0, 0, 0.38); }
.stroke-dark-icons-inactive { stroke: rgba(0, 0, 0, 0.38); }
.color-light-icons-active { color: rgba(255, 255, 255, 1); }
.bg-light-icons-active { background-color: rgba(255, 255, 255, 1); }
.border-light-icons-active { border-color: rgba(255, 255, 255, 1); }
.fill-light-icons-active { fill: rgba(255, 255, 255, 1); }
.stroke-light-icons-active { stroke: rgba(255, 255, 255, 1); }
.color-light-icons-inactive { color: rgba(255, 255, 255, 0.5); }
.bg-light-icons-inactive { background-color: rgba(255, 255, 255, 0.5); }
.border-light-icons-inactive { border-color: rgba(255, 255, 255, 0.5); }
.fill-light-icons-inactive { fill: rgba(255, 255, 255, 0.5); }
.stroke-light-icons-inactive { stroke: rgba(255, 255, 255, 0.5); }
================================================
FILE: dist/colors.es2015.js
================================================
export var 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"};
export var 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"};
export var 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"};
export var deepPurple = {"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"};
export var 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"};
export var 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"};
export var lightBlue = {"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"};
export var 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"};
export var 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"};
export var 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"};
export var lightGreen = {"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"};
export var 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"};
export var 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"};
export var 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"};
export var 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"};
export var deepOrange = {"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"};
export var brown = {"50":"#efebe9","100":"#d7ccc8","200":"#bcaaa4","300":"#a1887f","400":"#8d6e63","500":"#795548","600":"#6d4c41","700":"#5d4037","800":"#4e342e","900":"#3e2723"};
export var grey = {"50":"#fafafa","100":"#f5f5f5","200":"#eeeeee","300":"#e0e0e0","400":"#bdbdbd","500":"#9e9e9e","600":"#757575","700":"#616161","800":"#424242","900":"#212121"};
export var blueGrey = {"50":"#eceff1","100":"#cfd8dc","200":"#b0bec5","300":"#90a4ae","400":"#78909c","500":"#607d8b","600":"#546e7a","700":"#455a64","800":"#37474f","900":"#263238"};
export var black = "#000000";
export var white = "#ffffff";
export var darkText = {"primary":"rgba(0, 0, 0, 0.87)","secondary":"rgba(0, 0, 0, 0.54)","disabled":"rgba(0, 0, 0, 0.38)","dividers":"rgba(0, 0, 0, 0.12)"};
export var lightText = {"primary":"rgba(255, 255, 255, 1)","secondary":"rgba(255, 255, 255, 0.7)","disabled":"rgba(255, 255, 255, 0.5)","dividers":"rgba(255, 255, 255, 0.12)"};
export var darkIcons = {"active":"rgba(0, 0, 0, 0.54)","inactive":"rgba(0, 0, 0, 0.38)"};
export var lightIcons = {"active":"rgba(255, 255, 255, 1)","inactive":"rgba(255, 255, 255, 0.5)"};
export default {
red: red,
pink: pink,
purple: purple,
deepPurple: deepPurple,
indigo: indigo,
blue: blue,
lightBlue: lightBlue,
cyan: cyan,
teal: teal,
green: green,
lightGreen: lightGreen,
lime: lime,
yellow: yellow,
amber: amber,
orange: orange,
deepOrange: deepOrange,
brown: brown,
grey: grey,
blueGrey: blueGrey,
black: black,
white: white,
darkText: darkText,
lightText: lightText,
darkIcons: darkIcons,
lightIcons: lightIcons
};
================================================
FILE: dist/colors.js
================================================
(function(root, factory) {
if (typeof define === 'function' && define.amd) {
define([], factory);
} else if (typeof exports === 'object') {
module.exports = factory();
} else {
root.materialColors = factory();
}
})(this, function() {
return {"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"},"deepPurple":{"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"},"lightBlue":{"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"},"lightGreen":{"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"},"deepOrange":{"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"},"blueGrey":{"50":"#eceff1","100":"#cfd8dc","200":"#b0bec5","300":"#90a4ae","400":"#78909c","500":"#607d8b","600":"#546e7a","700":"#455a64","800":"#37474f","900":"#263238"},"black":"#000000","white":"#ffffff","darkText":{"primary":"rgba(0, 0, 0, 0.87)","secondary":"rgba(0, 0, 0, 0.54)","disabled":"rgba(0, 0, 0, 0.38)","dividers":"rgba(0, 0, 0, 0.12)"},"lightText":{"primary":"rgba(255, 255, 255, 1)","secondary":"rgba(255, 255, 255, 0.7)","disabled":"rgba(255, 255, 255, 0.5)","dividers":"rgba(255, 255, 255, 0.12)"},"darkIcons":{"active":"rgba(0, 0, 0, 0.54)","inactive":"rgba(0, 0, 0, 0.38)"},"lightIcons":{"active":"rgba(255, 255, 255, 1)","inactive":"rgba(255, 255, 255, 0.5)"}};
});
================================================
FILE: dist/colors.json
================================================
{
"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": "#000000",
"white": "#ffffff",
"dark-text": {
"primary": "rgba(0, 0, 0, 0.87)",
"secondary": "rgba(0, 0, 0, 0.54)",
"disabled": "rgba(0, 0, 0, 0.38)",
"dividers": "rgba(0, 0, 0, 0.12)"
},
"light-text": {
"primary": "rgba(255, 255, 255, 1)",
"secondary": "rgba(255, 255, 255, 0.7)",
"disabled": "rgba(255, 255, 255, 0.5)",
"dividers": "rgba(255, 255, 255, 0.12)"
},
"dark-icons": {
"active": "rgba(0, 0, 0, 0.54)",
"inactive": "rgba(0, 0, 0, 0.38)"
},
"light-icons": {
"active": "rgba(255, 255, 255, 1)",
"inactive": "rgba(255, 255, 255, 0.5)"
}
}
================================================
FILE: dist/colors.less
================================================
@md-red-50: #ffebee;
@md-red-100: #ffcdd2;
@md-red-200: #ef9a9a;
@md-red-300: #e57373;
@md-red-400: #ef5350;
@md-red-500: #f44336;
@md-red-600: #e53935;
@md-red-700: #d32f2f;
@md-red-800: #c62828;
@md-red-900: #b71c1c;
@md-red-a100: #ff8a80;
@md-red-a200: #ff5252;
@md-red-a400: #ff1744;
@md-red-a700: #d50000;
@md-pink-50: #fce4ec;
@md-pink-100: #f8bbd0;
@md-pink-200: #f48fb1;
@md-pink-300: #f06292;
@md-pink-400: #ec407a;
@md-pink-500: #e91e63;
@md-pink-600: #d81b60;
@md-pink-700: #c2185b;
@md-pink-800: #ad1457;
@md-pink-900: #880e4f;
@md-pink-a100: #ff80ab;
@md-pink-a200: #ff4081;
@md-pink-a400: #f50057;
@md-pink-a700: #c51162;
@md-purple-50: #f3e5f5;
@md-purple-100: #e1bee7;
@md-purple-200: #ce93d8;
@md-purple-300: #ba68c8;
@md-purple-400: #ab47bc;
@md-purple-500: #9c27b0;
@md-purple-600: #8e24aa;
@md-purple-700: #7b1fa2;
@md-purple-800: #6a1b9a;
@md-purple-900: #4a148c;
@md-purple-a100: #ea80fc;
@md-purple-a200: #e040fb;
@md-purple-a400: #d500f9;
@md-purple-a700: #aa00ff;
@md-deep-purple-50: #ede7f6;
@md-deep-purple-100: #d1c4e9;
@md-deep-purple-200: #b39ddb;
@md-deep-purple-300: #9575cd;
@md-deep-purple-400: #7e57c2;
@md-deep-purple-500: #673ab7;
@md-deep-purple-600: #5e35b1;
@md-deep-purple-700: #512da8;
@md-deep-purple-800: #4527a0;
@md-deep-purple-900: #311b92;
@md-deep-purple-a100: #b388ff;
@md-deep-purple-a200: #7c4dff;
@md-deep-purple-a400: #651fff;
@md-deep-purple-a700: #6200ea;
@md-indigo-50: #e8eaf6;
@md-indigo-100: #c5cae9;
@md-indigo-200: #9fa8da;
@md-indigo-300: #7986cb;
@md-indigo-400: #5c6bc0;
@md-indigo-500: #3f51b5;
@md-indigo-600: #3949ab;
@md-indigo-700: #303f9f;
@md-indigo-800: #283593;
@md-indigo-900: #1a237e;
@md-indigo-a100: #8c9eff;
@md-indigo-a200: #536dfe;
@md-indigo-a400: #3d5afe;
@md-indigo-a700: #304ffe;
@md-blue-50: #e3f2fd;
@md-blue-100: #bbdefb;
@md-blue-200: #90caf9;
@md-blue-300: #64b5f6;
@md-blue-400: #42a5f5;
@md-blue-500: #2196f3;
@md-blue-600: #1e88e5;
@md-blue-700: #1976d2;
@md-blue-800: #1565c0;
@md-blue-900: #0d47a1;
@md-blue-a100: #82b1ff;
@md-blue-a200: #448aff;
@md-blue-a400: #2979ff;
@md-blue-a700: #2962ff;
@md-light-blue-50: #e1f5fe;
@md-light-blue-100: #b3e5fc;
@md-light-blue-200: #81d4fa;
@md-light-blue-300: #4fc3f7;
@md-light-blue-400: #29b6f6;
@md-light-blue-500: #03a9f4;
@md-light-blue-600: #039be5;
@md-light-blue-700: #0288d1;
@md-light-blue-800: #0277bd;
@md-light-blue-900: #01579b;
@md-light-blue-a100: #80d8ff;
@md-light-blue-a200: #40c4ff;
@md-light-blue-a400: #00b0ff;
@md-light-blue-a700: #0091ea;
@md-cyan-50: #e0f7fa;
@md-cyan-100: #b2ebf2;
@md-cyan-200: #80deea;
@md-cyan-300: #4dd0e1;
@md-cyan-400: #26c6da;
@md-cyan-500: #00bcd4;
@md-cyan-600: #00acc1;
@md-cyan-700: #0097a7;
@md-cyan-800: #00838f;
@md-cyan-900: #006064;
@md-cyan-a100: #84ffff;
@md-cyan-a200: #18ffff;
@md-cyan-a400: #00e5ff;
@md-cyan-a700: #00b8d4;
@md-teal-50: #e0f2f1;
@md-teal-100: #b2dfdb;
@md-teal-200: #80cbc4;
@md-teal-300: #4db6ac;
@md-teal-400: #26a69a;
@md-teal-500: #009688;
@md-teal-600: #00897b;
@md-teal-700: #00796b;
@md-teal-800: #00695c;
@md-teal-900: #004d40;
@md-teal-a100: #a7ffeb;
@md-teal-a200: #64ffda;
@md-teal-a400: #1de9b6;
@md-teal-a700: #00bfa5;
@md-green-50: #e8f5e9;
@md-green-100: #c8e6c9;
@md-green-200: #a5d6a7;
@md-green-300: #81c784;
@md-green-400: #66bb6a;
@md-green-500: #4caf50;
@md-green-600: #43a047;
@md-green-700: #388e3c;
@md-green-800: #2e7d32;
@md-green-900: #1b5e20;
@md-green-a100: #b9f6ca;
@md-green-a200: #69f0ae;
@md-green-a400: #00e676;
@md-green-a700: #00c853;
@md-light-green-50: #f1f8e9;
@md-light-green-100: #dcedc8;
@md-light-green-200: #c5e1a5;
@md-light-green-300: #aed581;
@md-light-green-400: #9ccc65;
@md-light-green-500: #8bc34a;
@md-light-green-600: #7cb342;
@md-light-green-700: #689f38;
@md-light-green-800: #558b2f;
@md-light-green-900: #33691e;
@md-light-green-a100: #ccff90;
@md-light-green-a200: #b2ff59;
@md-light-green-a400: #76ff03;
@md-light-green-a700: #64dd17;
@md-lime-50: #f9fbe7;
@md-lime-100: #f0f4c3;
@md-lime-200: #e6ee9c;
@md-lime-300: #dce775;
@md-lime-400: #d4e157;
@md-lime-500: #cddc39;
@md-lime-600: #c0ca33;
@md-lime-700: #afb42b;
@md-lime-800: #9e9d24;
@md-lime-900: #827717;
@md-lime-a100: #f4ff81;
@md-lime-a200: #eeff41;
@md-lime-a400: #c6ff00;
@md-lime-a700: #aeea00;
@md-yellow-50: #fffde7;
@md-yellow-100: #fff9c4;
@md-yellow-200: #fff59d;
@md-yellow-300: #fff176;
@md-yellow-400: #ffee58;
@md-yellow-500: #ffeb3b;
@md-yellow-600: #fdd835;
@md-yellow-700: #fbc02d;
@md-yellow-800: #f9a825;
@md-yellow-900: #f57f17;
@md-yellow-a100: #ffff8d;
@md-yellow-a200: #ffff00;
@md-yellow-a400: #ffea00;
@md-yellow-a700: #ffd600;
@md-amber-50: #fff8e1;
@md-amber-100: #ffecb3;
@md-amber-200: #ffe082;
@md-amber-300: #ffd54f;
@md-amber-400: #ffca28;
@md-amber-500: #ffc107;
@md-amber-600: #ffb300;
@md-amber-700: #ffa000;
@md-amber-800: #ff8f00;
@md-amber-900: #ff6f00;
@md-amber-a100: #ffe57f;
@md-amber-a200: #ffd740;
@md-amber-a400: #ffc400;
@md-amber-a700: #ffab00;
@md-orange-50: #fff3e0;
@md-orange-100: #ffe0b2;
@md-orange-200: #ffcc80;
@md-orange-300: #ffb74d;
@md-orange-400: #ffa726;
@md-orange-500: #ff9800;
@md-orange-600: #fb8c00;
@md-orange-700: #f57c00;
@md-orange-800: #ef6c00;
@md-orange-900: #e65100;
@md-orange-a100: #ffd180;
@md-orange-a200: #ffab40;
@md-orange-a400: #ff9100;
@md-orange-a700: #ff6d00;
@md-deep-orange-50: #fbe9e7;
@md-deep-orange-100: #ffccbc;
@md-deep-orange-200: #ffab91;
@md-deep-orange-300: #ff8a65;
@md-deep-orange-400: #ff7043;
@md-deep-orange-500: #ff5722;
@md-deep-orange-600: #f4511e;
@md-deep-orange-700: #e64a19;
@md-deep-orange-800: #d84315;
@md-deep-orange-900: #bf360c;
@md-deep-orange-a100: #ff9e80;
@md-deep-orange-a200: #ff6e40;
@md-deep-orange-a400: #ff3d00;
@md-deep-orange-a700: #dd2c00;
@md-brown-50: #efebe9;
@md-brown-100: #d7ccc8;
@md-brown-200: #bcaaa4;
@md-brown-300: #a1887f;
@md-brown-400: #8d6e63;
@md-brown-500: #795548;
@md-brown-600: #6d4c41;
@md-brown-700: #5d4037;
@md-brown-800: #4e342e;
@md-brown-900: #3e2723;
@md-grey-50: #fafafa;
@md-grey-100: #f5f5f5;
@md-grey-200: #eeeeee;
@md-grey-300: #e0e0e0;
@md-grey-400: #bdbdbd;
@md-grey-500: #9e9e9e;
@md-grey-600: #757575;
@md-grey-700: #616161;
@md-grey-800: #424242;
@md-grey-900: #212121;
@md-blue-grey-50: #eceff1;
@md-blue-grey-100: #cfd8dc;
@md-blue-grey-200: #b0bec5;
@md-blue-grey-300: #90a4ae;
@md-blue-grey-400: #78909c;
@md-blue-grey-500: #607d8b;
@md-blue-grey-600: #546e7a;
@md-blue-grey-700: #455a64;
@md-blue-grey-800: #37474f;
@md-blue-grey-900: #263238;
@md-black: #000000;
@md-white: #ffffff;
@md-dark-text-primary: rgba(0, 0, 0, 0.87);
@md-dark-text-secondary: rgba(0, 0, 0, 0.54);
@md-dark-text-disabled: rgba(0, 0, 0, 0.38);
@md-dark-text-dividers: rgba(0, 0, 0, 0.12);
@md-light-text-primary: rgba(255, 255, 255, 1);
@md-light-text-secondary: rgba(255, 255, 255, 0.7);
@md-light-text-disabled: rgba(255, 255, 255, 0.5);
@md-light-text-dividers: rgba(255, 255, 255, 0.12);
@md-dark-icons-active: rgba(0, 0, 0, 0.54);
@md-dark-icons-inactive: rgba(0, 0, 0, 0.38);
@md-light-icons-active: rgba(255, 255, 255, 1);
@md-light-icons-inactive: rgba(255, 255, 255, 0.5);
================================================
FILE: dist/colors.sass
================================================
$md-red-50: #ffebee
$md-red-100: #ffcdd2
$md-red-200: #ef9a9a
$md-red-300: #e57373
$md-red-400: #ef5350
$md-red-500: #f44336
$md-red-600: #e53935
$md-red-700: #d32f2f
$md-red-800: #c62828
$md-red-900: #b71c1c
$md-red-a100: #ff8a80
$md-red-a200: #ff5252
$md-red-a400: #ff1744
$md-red-a700: #d50000
$md-pink-50: #fce4ec
$md-pink-100: #f8bbd0
$md-pink-200: #f48fb1
$md-pink-300: #f06292
$md-pink-400: #ec407a
$md-pink-500: #e91e63
$md-pink-600: #d81b60
$md-pink-700: #c2185b
$md-pink-800: #ad1457
$md-pink-900: #880e4f
$md-pink-a100: #ff80ab
$md-pink-a200: #ff4081
$md-pink-a400: #f50057
$md-pink-a700: #c51162
$md-purple-50: #f3e5f5
$md-purple-100: #e1bee7
$md-purple-200: #ce93d8
$md-purple-300: #ba68c8
$md-purple-400: #ab47bc
$md-purple-500: #9c27b0
$md-purple-600: #8e24aa
$md-purple-700: #7b1fa2
$md-purple-800: #6a1b9a
$md-purple-900: #4a148c
$md-purple-a100: #ea80fc
$md-purple-a200: #e040fb
$md-purple-a400: #d500f9
$md-purple-a700: #aa00ff
$md-deep-purple-50: #ede7f6
$md-deep-purple-100: #d1c4e9
$md-deep-purple-200: #b39ddb
$md-deep-purple-300: #9575cd
$md-deep-purple-400: #7e57c2
$md-deep-purple-500: #673ab7
$md-deep-purple-600: #5e35b1
$md-deep-purple-700: #512da8
$md-deep-purple-800: #4527a0
$md-deep-purple-900: #311b92
$md-deep-purple-a100: #b388ff
$md-deep-purple-a200: #7c4dff
$md-deep-purple-a400: #651fff
$md-deep-purple-a700: #6200ea
$md-indigo-50: #e8eaf6
$md-indigo-100: #c5cae9
$md-indigo-200: #9fa8da
$md-indigo-300: #7986cb
$md-indigo-400: #5c6bc0
$md-indigo-500: #3f51b5
$md-indigo-600: #3949ab
$md-indigo-700: #303f9f
$md-indigo-800: #283593
$md-indigo-900: #1a237e
$md-indigo-a100: #8c9eff
$md-indigo-a200: #536dfe
$md-indigo-a400: #3d5afe
$md-indigo-a700: #304ffe
$md-blue-50: #e3f2fd
$md-blue-100: #bbdefb
$md-blue-200: #90caf9
$md-blue-300: #64b5f6
$md-blue-400: #42a5f5
$md-blue-500: #2196f3
$md-blue-600: #1e88e5
$md-blue-700: #1976d2
$md-blue-800: #1565c0
$md-blue-900: #0d47a1
$md-blue-a100: #82b1ff
$md-blue-a200: #448aff
$md-blue-a400: #2979ff
$md-blue-a700: #2962ff
$md-light-blue-50: #e1f5fe
$md-light-blue-100: #b3e5fc
$md-light-blue-200: #81d4fa
$md-light-blue-300: #4fc3f7
$md-light-blue-400: #29b6f6
$md-light-blue-500: #03a9f4
$md-light-blue-600: #039be5
$md-light-blue-700: #0288d1
$md-light-blue-800: #0277bd
$md-light-blue-900: #01579b
$md-light-blue-a100: #80d8ff
$md-light-blue-a200: #40c4ff
$md-light-blue-a400: #00b0ff
$md-light-blue-a700: #0091ea
$md-cyan-50: #e0f7fa
$md-cyan-100: #b2ebf2
$md-cyan-200: #80deea
$md-cyan-300: #4dd0e1
$md-cyan-400: #26c6da
$md-cyan-500: #00bcd4
$md-cyan-600: #00acc1
$md-cyan-700: #0097a7
$md-cyan-800: #00838f
$md-cyan-900: #006064
$md-cyan-a100: #84ffff
$md-cyan-a200: #18ffff
$md-cyan-a400: #00e5ff
$md-cyan-a700: #00b8d4
$md-teal-50: #e0f2f1
$md-teal-100: #b2dfdb
$md-teal-200: #80cbc4
$md-teal-300: #4db6ac
$md-teal-400: #26a69a
$md-teal-500: #009688
$md-teal-600: #00897b
$md-teal-700: #00796b
$md-teal-800: #00695c
$md-teal-900: #004d40
$md-teal-a100: #a7ffeb
$md-teal-a200: #64ffda
$md-teal-a400: #1de9b6
$md-teal-a700: #00bfa5
$md-green-50: #e8f5e9
$md-green-100: #c8e6c9
$md-green-200: #a5d6a7
$md-green-300: #81c784
$md-green-400: #66bb6a
$md-green-500: #4caf50
$md-green-600: #43a047
$md-green-700: #388e3c
$md-green-800: #2e7d32
$md-green-900: #1b5e20
$md-green-a100: #b9f6ca
$md-green-a200: #69f0ae
$md-green-a400: #00e676
$md-green-a700: #00c853
$md-light-green-50: #f1f8e9
$md-light-green-100: #dcedc8
$md-light-green-200: #c5e1a5
$md-light-green-300: #aed581
$md-light-green-400: #9ccc65
$md-light-green-500: #8bc34a
$md-light-green-600: #7cb342
$md-light-green-700: #689f38
$md-light-green-800: #558b2f
$md-light-green-900: #33691e
$md-light-green-a100: #ccff90
$md-light-green-a200: #b2ff59
$md-light-green-a400: #76ff03
$md-light-green-a700: #64dd17
$md-lime-50: #f9fbe7
$md-lime-100: #f0f4c3
$md-lime-200: #e6ee9c
$md-lime-300: #dce775
$md-lime-400: #d4e157
$md-lime-500: #cddc39
$md-lime-600: #c0ca33
$md-lime-700: #afb42b
$md-lime-800: #9e9d24
$md-lime-900: #827717
$md-lime-a100: #f4ff81
$md-lime-a200: #eeff41
$md-lime-a400: #c6ff00
$md-lime-a700: #aeea00
$md-yellow-50: #fffde7
$md-yellow-100: #fff9c4
$md-yellow-200: #fff59d
$md-yellow-300: #fff176
$md-yellow-400: #ffee58
$md-yellow-500: #ffeb3b
$md-yellow-600: #fdd835
$md-yellow-700: #fbc02d
$md-yellow-800: #f9a825
$md-yellow-900: #f57f17
$md-yellow-a100: #ffff8d
$md-yellow-a200: #ffff00
$md-yellow-a400: #ffea00
$md-yellow-a700: #ffd600
$md-amber-50: #fff8e1
$md-amber-100: #ffecb3
$md-amber-200: #ffe082
$md-amber-300: #ffd54f
$md-amber-400: #ffca28
$md-amber-500: #ffc107
$md-amber-600: #ffb300
$md-amber-700: #ffa000
$md-amber-800: #ff8f00
$md-amber-900: #ff6f00
$md-amber-a100: #ffe57f
$md-amber-a200: #ffd740
$md-amber-a400: #ffc400
$md-amber-a700: #ffab00
$md-orange-50: #fff3e0
$md-orange-100: #ffe0b2
$md-orange-200: #ffcc80
$md-orange-300: #ffb74d
$md-orange-400: #ffa726
$md-orange-500: #ff9800
$md-orange-600: #fb8c00
$md-orange-700: #f57c00
$md-orange-800: #ef6c00
$md-orange-900: #e65100
$md-orange-a100: #ffd180
$md-orange-a200: #ffab40
$md-orange-a400: #ff9100
$md-orange-a700: #ff6d00
$md-deep-orange-50: #fbe9e7
$md-deep-orange-100: #ffccbc
$md-deep-orange-200: #ffab91
$md-deep-orange-300: #ff8a65
$md-deep-orange-400: #ff7043
$md-deep-orange-500: #ff5722
$md-deep-orange-600: #f4511e
$md-deep-orange-700: #e64a19
$md-deep-orange-800: #d84315
$md-deep-orange-900: #bf360c
$md-deep-orange-a100: #ff9e80
$md-deep-orange-a200: #ff6e40
$md-deep-orange-a400: #ff3d00
$md-deep-orange-a700: #dd2c00
$md-brown-50: #efebe9
$md-brown-100: #d7ccc8
$md-brown-200: #bcaaa4
$md-brown-300: #a1887f
$md-brown-400: #8d6e63
$md-brown-500: #795548
$md-brown-600: #6d4c41
$md-brown-700: #5d4037
$md-brown-800: #4e342e
$md-brown-900: #3e2723
$md-grey-50: #fafafa
$md-grey-100: #f5f5f5
$md-grey-200: #eeeeee
$md-grey-300: #e0e0e0
$md-grey-400: #bdbdbd
$md-grey-500: #9e9e9e
$md-grey-600: #757575
$md-grey-700: #616161
$md-grey-800: #424242
$md-grey-900: #212121
$md-blue-grey-50: #eceff1
$md-blue-grey-100: #cfd8dc
$md-blue-grey-200: #b0bec5
$md-blue-grey-300: #90a4ae
$md-blue-grey-400: #78909c
$md-blue-grey-500: #607d8b
$md-blue-grey-600: #546e7a
$md-blue-grey-700: #455a64
$md-blue-grey-800: #37474f
$md-blue-grey-900: #263238
$md-black: #000000
$md-white: #ffffff
$md-dark-text-primary: rgba(0, 0, 0, 0.87)
$md-dark-text-secondary: rgba(0, 0, 0, 0.54)
$md-dark-text-disabled: rgba(0, 0, 0, 0.38)
$md-dark-text-dividers: rgba(0, 0, 0, 0.12)
$md-light-text-primary: rgba(255, 255, 255, 1)
$md-light-text-secondary: rgba(255, 255, 255, 0.7)
$md-light-text-disabled: rgba(255, 255, 255, 0.5)
$md-light-text-dividers: rgba(255, 255, 255, 0.12)
$md-dark-icons-active: rgba(0, 0, 0, 0.54)
$md-dark-icons-inactive: rgba(0, 0, 0, 0.38)
$md-light-icons-active: rgba(255, 255, 255, 1)
$md-light-icons-inactive: rgba(255, 255, 255, 0.5)
================================================
FILE: dist/colors.scss
================================================
$md-red-50: #ffebee;
$md-red-100: #ffcdd2;
$md-red-200: #ef9a9a;
$md-red-300: #e57373;
$md-red-400: #ef5350;
$md-red-500: #f44336;
$md-red-600: #e53935;
$md-red-700: #d32f2f;
$md-red-800: #c62828;
$md-red-900: #b71c1c;
$md-red-a100: #ff8a80;
$md-red-a200: #ff5252;
$md-red-a400: #ff1744;
$md-red-a700: #d50000;
$md-pink-50: #fce4ec;
$md-pink-100: #f8bbd0;
$md-pink-200: #f48fb1;
$md-pink-300: #f06292;
$md-pink-400: #ec407a;
$md-pink-500: #e91e63;
$md-pink-600: #d81b60;
$md-pink-700: #c2185b;
$md-pink-800: #ad1457;
$md-pink-900: #880e4f;
$md-pink-a100: #ff80ab;
$md-pink-a200: #ff4081;
$md-pink-a400: #f50057;
$md-pink-a700: #c51162;
$md-purple-50: #f3e5f5;
$md-purple-100: #e1bee7;
$md-purple-200: #ce93d8;
$md-purple-300: #ba68c8;
$md-purple-400: #ab47bc;
$md-purple-500: #9c27b0;
$md-purple-600: #8e24aa;
$md-purple-700: #7b1fa2;
$md-purple-800: #6a1b9a;
$md-purple-900: #4a148c;
$md-purple-a100: #ea80fc;
$md-purple-a200: #e040fb;
$md-purple-a400: #d500f9;
$md-purple-a700: #aa00ff;
$md-deep-purple-50: #ede7f6;
$md-deep-purple-100: #d1c4e9;
$md-deep-purple-200: #b39ddb;
$md-deep-purple-300: #9575cd;
$md-deep-purple-400: #7e57c2;
$md-deep-purple-500: #673ab7;
$md-deep-purple-600: #5e35b1;
$md-deep-purple-700: #512da8;
$md-deep-purple-800: #4527a0;
$md-deep-purple-900: #311b92;
$md-deep-purple-a100: #b388ff;
$md-deep-purple-a200: #7c4dff;
$md-deep-purple-a400: #651fff;
$md-deep-purple-a700: #6200ea;
$md-indigo-50: #e8eaf6;
$md-indigo-100: #c5cae9;
$md-indigo-200: #9fa8da;
$md-indigo-300: #7986cb;
$md-indigo-400: #5c6bc0;
$md-indigo-500: #3f51b5;
$md-indigo-600: #3949ab;
$md-indigo-700: #303f9f;
$md-indigo-800: #283593;
$md-indigo-900: #1a237e;
$md-indigo-a100: #8c9eff;
$md-indigo-a200: #536dfe;
$md-indigo-a400: #3d5afe;
$md-indigo-a700: #304ffe;
$md-blue-50: #e3f2fd;
$md-blue-100: #bbdefb;
$md-blue-200: #90caf9;
$md-blue-300: #64b5f6;
$md-blue-400: #42a5f5;
$md-blue-500: #2196f3;
$md-blue-600: #1e88e5;
$md-blue-700: #1976d2;
$md-blue-800: #1565c0;
$md-blue-900: #0d47a1;
$md-blue-a100: #82b1ff;
$md-blue-a200: #448aff;
$md-blue-a400: #2979ff;
$md-blue-a700: #2962ff;
$md-light-blue-50: #e1f5fe;
$md-light-blue-100: #b3e5fc;
$md-light-blue-200: #81d4fa;
$md-light-blue-300: #4fc3f7;
$md-light-blue-400: #29b6f6;
$md-light-blue-500: #03a9f4;
$md-light-blue-600: #039be5;
$md-light-blue-700: #0288d1;
$md-light-blue-800: #0277bd;
$md-light-blue-900: #01579b;
$md-light-blue-a100: #80d8ff;
$md-light-blue-a200: #40c4ff;
$md-light-blue-a400: #00b0ff;
$md-light-blue-a700: #0091ea;
$md-cyan-50: #e0f7fa;
$md-cyan-100: #b2ebf2;
$md-cyan-200: #80deea;
$md-cyan-300: #4dd0e1;
$md-cyan-400: #26c6da;
$md-cyan-500: #00bcd4;
$md-cyan-600: #00acc1;
$md-cyan-700: #0097a7;
$md-cyan-800: #00838f;
$md-cyan-900: #006064;
$md-cyan-a100: #84ffff;
$md-cyan-a200: #18ffff;
$md-cyan-a400: #00e5ff;
$md-cyan-a700: #00b8d4;
$md-teal-50: #e0f2f1;
$md-teal-100: #b2dfdb;
$md-teal-200: #80cbc4;
$md-teal-300: #4db6ac;
$md-teal-400: #26a69a;
$md-teal-500: #009688;
$md-teal-600: #00897b;
$md-teal-700: #00796b;
$md-teal-800: #00695c;
$md-teal-900: #004d40;
$md-teal-a100: #a7ffeb;
$md-teal-a200: #64ffda;
$md-teal-a400: #1de9b6;
$md-teal-a700: #00bfa5;
$md-green-50: #e8f5e9;
$md-green-100: #c8e6c9;
$md-green-200: #a5d6a7;
$md-green-300: #81c784;
$md-green-400: #66bb6a;
$md-green-500: #4caf50;
$md-green-600: #43a047;
$md-green-700: #388e3c;
$md-green-800: #2e7d32;
$md-green-900: #1b5e20;
$md-green-a100: #b9f6ca;
$md-green-a200: #69f0ae;
$md-green-a400: #00e676;
$md-green-a700: #00c853;
$md-light-green-50: #f1f8e9;
$md-light-green-100: #dcedc8;
$md-light-green-200: #c5e1a5;
$md-light-green-300: #aed581;
$md-light-green-400: #9ccc65;
$md-light-green-500: #8bc34a;
$md-light-green-600: #7cb342;
$md-light-green-700: #689f38;
$md-light-green-800: #558b2f;
$md-light-green-900: #33691e;
$md-light-green-a100: #ccff90;
$md-light-green-a200: #b2ff59;
$md-light-green-a400: #76ff03;
$md-light-green-a700: #64dd17;
$md-lime-50: #f9fbe7;
$md-lime-100: #f0f4c3;
$md-lime-200: #e6ee9c;
$md-lime-300: #dce775;
$md-lime-400: #d4e157;
$md-lime-500: #cddc39;
$md-lime-600: #c0ca33;
$md-lime-700: #afb42b;
$md-lime-800: #9e9d24;
$md-lime-900: #827717;
$md-lime-a100: #f4ff81;
$md-lime-a200: #eeff41;
$md-lime-a400: #c6ff00;
$md-lime-a700: #aeea00;
$md-yellow-50: #fffde7;
$md-yellow-100: #fff9c4;
$md-yellow-200: #fff59d;
$md-yellow-300: #fff176;
$md-yellow-400: #ffee58;
$md-yellow-500: #ffeb3b;
$md-yellow-600: #fdd835;
$md-yellow-700: #fbc02d;
$md-yellow-800: #f9a825;
$md-yellow-900: #f57f17;
$md-yellow-a100: #ffff8d;
$md-yellow-a200: #ffff00;
$md-yellow-a400: #ffea00;
$md-yellow-a700: #ffd600;
$md-amber-50: #fff8e1;
$md-amber-100: #ffecb3;
$md-amber-200: #ffe082;
$md-amber-300: #ffd54f;
$md-amber-400: #ffca28;
$md-amber-500: #ffc107;
$md-amber-600: #ffb300;
$md-amber-700: #ffa000;
$md-amber-800: #ff8f00;
$md-amber-900: #ff6f00;
$md-amber-a100: #ffe57f;
$md-amber-a200: #ffd740;
$md-amber-a400: #ffc400;
$md-amber-a700: #ffab00;
$md-orange-50: #fff3e0;
$md-orange-100: #ffe0b2;
$md-orange-200: #ffcc80;
$md-orange-300: #ffb74d;
$md-orange-400: #ffa726;
$md-orange-500: #ff9800;
$md-orange-600: #fb8c00;
$md-orange-700: #f57c00;
$md-orange-800: #ef6c00;
$md-orange-900: #e65100;
$md-orange-a100: #ffd180;
$md-orange-a200: #ffab40;
$md-orange-a400: #ff9100;
$md-orange-a700: #ff6d00;
$md-deep-orange-50: #fbe9e7;
$md-deep-orange-100: #ffccbc;
$md-deep-orange-200: #ffab91;
$md-deep-orange-300: #ff8a65;
$md-deep-orange-400: #ff7043;
$md-deep-orange-500: #ff5722;
$md-deep-orange-600: #f4511e;
$md-deep-orange-700: #e64a19;
$md-deep-orange-800: #d84315;
$md-deep-orange-900: #bf360c;
$md-deep-orange-a100: #ff9e80;
$md-deep-orange-a200: #ff6e40;
$md-deep-orange-a400: #ff3d00;
$md-deep-orange-a700: #dd2c00;
$md-brown-50: #efebe9;
$md-brown-100: #d7ccc8;
$md-brown-200: #bcaaa4;
$md-brown-300: #a1887f;
$md-brown-400: #8d6e63;
$md-brown-500: #795548;
$md-brown-600: #6d4c41;
$md-brown-700: #5d4037;
$md-brown-800: #4e342e;
$md-brown-900: #3e2723;
$md-grey-50: #fafafa;
$md-grey-100: #f5f5f5;
$md-grey-200: #eeeeee;
$md-grey-300: #e0e0e0;
$md-grey-400: #bdbdbd;
$md-grey-500: #9e9e9e;
$md-grey-600: #757575;
$md-grey-700: #616161;
$md-grey-800: #424242;
$md-grey-900: #212121;
$md-blue-grey-50: #eceff1;
$md-blue-grey-100: #cfd8dc;
$md-blue-grey-200: #b0bec5;
$md-blue-grey-300: #90a4ae;
$md-blue-grey-400: #78909c;
$md-blue-grey-500: #607d8b;
$md-blue-grey-600: #546e7a;
$md-blue-grey-700: #455a64;
$md-blue-grey-800: #37474f;
$md-blue-grey-900: #263238;
$md-black: #000000;
$md-white: #ffffff;
$md-dark-text-primary: rgba(0, 0, 0, 0.87);
$md-dark-text-secondary: rgba(0, 0, 0, 0.54);
$md-dark-text-disabled: rgba(0, 0, 0, 0.38);
$md-dark-text-dividers: rgba(0, 0, 0, 0.12);
$md-light-text-primary: rgba(255, 255, 255, 1);
$md-light-text-secondary: rgba(255, 255, 255, 0.7);
$md-light-text-disabled: rgba(255, 255, 255, 0.5);
$md-light-text-dividers: rgba(255, 255, 255, 0.12);
$md-dark-icons-active: rgba(0, 0, 0, 0.54);
$md-dark-icons-inactive: rgba(0, 0, 0, 0.38);
$md-light-icons-active: rgba(255, 255, 255, 1);
$md-light-icons-inactive: rgba(255, 255, 255, 0.5);
================================================
FILE: dist/colors.styl
================================================
md-red-50 = #ffebee
md-red-100 = #ffcdd2
md-red-200 = #ef9a9a
md-red-300 = #e57373
md-red-400 = #ef5350
md-red-500 = #f44336
md-red-600 = #e53935
md-red-700 = #d32f2f
md-red-800 = #c62828
md-red-900 = #b71c1c
md-red-a100 = #ff8a80
md-red-a200 = #ff5252
md-red-a400 = #ff1744
md-red-a700 = #d50000
md-pink-50 = #fce4ec
md-pink-100 = #f8bbd0
md-pink-200 = #f48fb1
md-pink-300 = #f06292
md-pink-400 = #ec407a
md-pink-500 = #e91e63
md-pink-600 = #d81b60
md-pink-700 = #c2185b
md-pink-800 = #ad1457
md-pink-900 = #880e4f
md-pink-a100 = #ff80ab
md-pink-a200 = #ff4081
md-pink-a400 = #f50057
md-pink-a700 = #c51162
md-purple-50 = #f3e5f5
md-purple-100 = #e1bee7
md-purple-200 = #ce93d8
md-purple-300 = #ba68c8
md-purple-400 = #ab47bc
md-purple-500 = #9c27b0
md-purple-600 = #8e24aa
md-purple-700 = #7b1fa2
md-purple-800 = #6a1b9a
md-purple-900 = #4a148c
md-purple-a100 = #ea80fc
md-purple-a200 = #e040fb
md-purple-a400 = #d500f9
md-purple-a700 = #aa00ff
md-deep-purple-50 = #ede7f6
md-deep-purple-100 = #d1c4e9
md-deep-purple-200 = #b39ddb
md-deep-purple-300 = #9575cd
md-deep-purple-400 = #7e57c2
md-deep-purple-500 = #673ab7
md-deep-purple-600 = #5e35b1
md-deep-purple-700 = #512da8
md-deep-purple-800 = #4527a0
md-deep-purple-900 = #311b92
md-deep-purple-a100 = #b388ff
md-deep-purple-a200 = #7c4dff
md-deep-purple-a400 = #651fff
md-deep-purple-a700 = #6200ea
md-indigo-50 = #e8eaf6
md-indigo-100 = #c5cae9
md-indigo-200 = #9fa8da
md-indigo-300 = #7986cb
md-indigo-400 = #5c6bc0
md-indigo-500 = #3f51b5
md-indigo-600 = #3949ab
md-indigo-700 = #303f9f
md-indigo-800 = #283593
md-indigo-900 = #1a237e
md-indigo-a100 = #8c9eff
md-indigo-a200 = #536dfe
md-indigo-a400 = #3d5afe
md-indigo-a700 = #304ffe
md-blue-50 = #e3f2fd
md-blue-100 = #bbdefb
md-blue-200 = #90caf9
md-blue-300 = #64b5f6
md-blue-400 = #42a5f5
md-blue-500 = #2196f3
md-blue-600 = #1e88e5
md-blue-700 = #1976d2
md-blue-800 = #1565c0
md-blue-900 = #0d47a1
md-blue-a100 = #82b1ff
md-blue-a200 = #448aff
md-blue-a400 = #2979ff
md-blue-a700 = #2962ff
md-light-blue-50 = #e1f5fe
md-light-blue-100 = #b3e5fc
md-light-blue-200 = #81d4fa
md-light-blue-300 = #4fc3f7
md-light-blue-400 = #29b6f6
md-light-blue-500 = #03a9f4
md-light-blue-600 = #039be5
md-light-blue-700 = #0288d1
md-light-blue-800 = #0277bd
md-light-blue-900 = #01579b
md-light-blue-a100 = #80d8ff
md-light-blue-a200 = #40c4ff
md-light-blue-a400 = #00b0ff
md-light-blue-a700 = #0091ea
md-cyan-50 = #e0f7fa
md-cyan-100 = #b2ebf2
md-cyan-200 = #80deea
md-cyan-300 = #4dd0e1
md-cyan-400 = #26c6da
md-cyan-500 = #00bcd4
md-cyan-600 = #00acc1
md-cyan-700 = #0097a7
md-cyan-800 = #00838f
md-cyan-900 = #006064
md-cyan-a100 = #84ffff
md-cyan-a200 = #18ffff
md-cyan-a400 = #00e5ff
md-cyan-a700 = #00b8d4
md-teal-50 = #e0f2f1
md-teal-100 = #b2dfdb
md-teal-200 = #80cbc4
md-teal-300 = #4db6ac
md-teal-400 = #26a69a
md-teal-500 = #009688
md-teal-600 = #00897b
md-teal-700 = #00796b
md-teal-800 = #00695c
md-teal-900 = #004d40
md-teal-a100 = #a7ffeb
md-teal-a200 = #64ffda
md-teal-a400 = #1de9b6
md-teal-a700 = #00bfa5
md-green-50 = #e8f5e9
md-green-100 = #c8e6c9
md-green-200 = #a5d6a7
md-green-300 = #81c784
md-green-400 = #66bb6a
md-green-500 = #4caf50
md-green-600 = #43a047
md-green-700 = #388e3c
md-green-800 = #2e7d32
md-green-900 = #1b5e20
md-green-a100 = #b9f6ca
md-green-a200 = #69f0ae
md-green-a400 = #00e676
md-green-a700 = #00c853
md-light-green-50 = #f1f8e9
md-light-green-100 = #dcedc8
md-light-green-200 = #c5e1a5
md-light-green-300 = #aed581
md-light-green-400 = #9ccc65
md-light-green-500 = #8bc34a
md-light-green-600 = #7cb342
md-light-green-700 = #689f38
md-light-green-800 = #558b2f
md-light-green-900 = #33691e
md-light-green-a100 = #ccff90
md-light-green-a200 = #b2ff59
md-light-green-a400 = #76ff03
md-light-green-a700 = #64dd17
md-lime-50 = #f9fbe7
md-lime-100 = #f0f4c3
md-lime-200 = #e6ee9c
md-lime-300 = #dce775
md-lime-400 = #d4e157
md-lime-500 = #cddc39
md-lime-600 = #c0ca33
md-lime-700 = #afb42b
md-lime-800 = #9e9d24
md-lime-900 = #827717
md-lime-a100 = #f4ff81
md-lime-a200 = #eeff41
md-lime-a400 = #c6ff00
md-lime-a700 = #aeea00
md-yellow-50 = #fffde7
md-yellow-100 = #fff9c4
md-yellow-200 = #fff59d
md-yellow-300 = #fff176
md-yellow-400 = #ffee58
md-yellow-500 = #ffeb3b
md-yellow-600 = #fdd835
md-yellow-700 = #fbc02d
md-yellow-800 = #f9a825
md-yellow-900 = #f57f17
md-yellow-a100 = #ffff8d
md-yellow-a200 = #ffff00
md-yellow-a400 = #ffea00
md-yellow-a700 = #ffd600
md-amber-50 = #fff8e1
md-amber-100 = #ffecb3
md-amber-200 = #ffe082
md-amber-300 = #ffd54f
md-amber-400 = #ffca28
md-amber-500 = #ffc107
md-amber-600 = #ffb300
md-amber-700 = #ffa000
md-amber-800 = #ff8f00
md-amber-900 = #ff6f00
md-amber-a100 = #ffe57f
md-amber-a200 = #ffd740
md-amber-a400 = #ffc400
md-amber-a700 = #ffab00
md-orange-50 = #fff3e0
md-orange-100 = #ffe0b2
md-orange-200 = #ffcc80
md-orange-300 = #ffb74d
md-orange-400 = #ffa726
md-orange-500 = #ff9800
md-orange-600 = #fb8c00
md-orange-700 = #f57c00
md-orange-800 = #ef6c00
md-orange-900 = #e65100
md-orange-a100 = #ffd180
md-orange-a200 = #ffab40
md-orange-a400 = #ff9100
md-orange-a700 = #ff6d00
md-deep-orange-50 = #fbe9e7
md-deep-orange-100 = #ffccbc
md-deep-orange-200 = #ffab91
md-deep-orange-300 = #ff8a65
md-deep-orange-400 = #ff7043
md-deep-orange-500 = #ff5722
md-deep-orange-600 = #f4511e
md-deep-orange-700 = #e64a19
md-deep-orange-800 = #d84315
md-deep-orange-900 = #bf360c
md-deep-orange-a100 = #ff9e80
md-deep-orange-a200 = #ff6e40
md-deep-orange-a400 = #ff3d00
md-deep-orange-a700 = #dd2c00
md-brown-50 = #efebe9
md-brown-100 = #d7ccc8
md-brown-200 = #bcaaa4
md-brown-300 = #a1887f
md-brown-400 = #8d6e63
md-brown-500 = #795548
md-brown-600 = #6d4c41
md-brown-700 = #5d4037
md-brown-800 = #4e342e
md-brown-900 = #3e2723
md-grey-50 = #fafafa
md-grey-100 = #f5f5f5
md-grey-200 = #eeeeee
md-grey-300 = #e0e0e0
md-grey-400 = #bdbdbd
md-grey-500 = #9e9e9e
md-grey-600 = #757575
md-grey-700 = #616161
md-grey-800 = #424242
md-grey-900 = #212121
md-blue-grey-50 = #eceff1
md-blue-grey-100 = #cfd8dc
md-blue-grey-200 = #b0bec5
md-blue-grey-300 = #90a4ae
md-blue-grey-400 = #78909c
md-blue-grey-500 = #607d8b
md-blue-grey-600 = #546e7a
md-blue-grey-700 = #455a64
md-blue-grey-800 = #37474f
md-blue-grey-900 = #263238
md-black = #000000
md-white = #ffffff
md-dark-text-primary = rgba(0, 0, 0, 0.87)
md-dark-text-secondary = rgba(0, 0, 0, 0.54)
md-dark-text-disabled = rgba(0, 0, 0, 0.38)
md-dark-text-dividers = rgba(0, 0, 0, 0.12)
md-light-text-primary = rgba(255, 255, 255, 1)
md-light-text-secondary = rgba(255, 255, 255, 0.7)
md-light-text-disabled = rgba(255, 255, 255, 0.5)
md-light-text-dividers = rgba(255, 255, 255, 0.12)
md-dark-icons-active = rgba(0, 0, 0, 0.54)
md-dark-icons-inactive = rgba(0, 0, 0, 0.38)
md-light-icons-active = rgba(255, 255, 255, 1)
md-light-icons-inactive = rgba(255, 255, 255, 0.5)
================================================
FILE: dist/colors.var.css
================================================
:root {
--md-red-50: #ffebee;
--md-red-100: #ffcdd2;
--md-red-200: #ef9a9a;
--md-red-300: #e57373;
--md-red-400: #ef5350;
--md-red-500: #f44336;
--md-red-600: #e53935;
--md-red-700: #d32f2f;
--md-red-800: #c62828;
--md-red-900: #b71c1c;
--md-red-a100: #ff8a80;
--md-red-a200: #ff5252;
--md-red-a400: #ff1744;
--md-red-a700: #d50000;
--md-pink-50: #fce4ec;
--md-pink-100: #f8bbd0;
--md-pink-200: #f48fb1;
--md-pink-300: #f06292;
--md-pink-400: #ec407a;
--md-pink-500: #e91e63;
--md-pink-600: #d81b60;
--md-pink-700: #c2185b;
--md-pink-800: #ad1457;
--md-pink-900: #880e4f;
--md-pink-a100: #ff80ab;
--md-pink-a200: #ff4081;
--md-pink-a400: #f50057;
--md-pink-a700: #c51162;
--md-purple-50: #f3e5f5;
--md-purple-100: #e1bee7;
--md-purple-200: #ce93d8;
--md-purple-300: #ba68c8;
--md-purple-400: #ab47bc;
--md-purple-500: #9c27b0;
--md-purple-600: #8e24aa;
--md-purple-700: #7b1fa2;
--md-purple-800: #6a1b9a;
--md-purple-900: #4a148c;
--md-purple-a100: #ea80fc;
--md-purple-a200: #e040fb;
--md-purple-a400: #d500f9;
--md-purple-a700: #aa00ff;
--md-deep-purple-50: #ede7f6;
--md-deep-purple-100: #d1c4e9;
--md-deep-purple-200: #b39ddb;
--md-deep-purple-300: #9575cd;
--md-deep-purple-400: #7e57c2;
--md-deep-purple-500: #673ab7;
--md-deep-purple-600: #5e35b1;
--md-deep-purple-700: #512da8;
--md-deep-purple-800: #4527a0;
--md-deep-purple-900: #311b92;
--md-deep-purple-a100: #b388ff;
--md-deep-purple-a200: #7c4dff;
--md-deep-purple-a400: #651fff;
--md-deep-purple-a700: #6200ea;
--md-indigo-50: #e8eaf6;
--md-indigo-100: #c5cae9;
--md-indigo-200: #9fa8da;
--md-indigo-300: #7986cb;
--md-indigo-400: #5c6bc0;
--md-indigo-500: #3f51b5;
--md-indigo-600: #3949ab;
--md-indigo-700: #303f9f;
--md-indigo-800: #283593;
--md-indigo-900: #1a237e;
--md-indigo-a100: #8c9eff;
--md-indigo-a200: #536dfe;
--md-indigo-a400: #3d5afe;
--md-indigo-a700: #304ffe;
--md-blue-50: #e3f2fd;
--md-blue-100: #bbdefb;
--md-blue-200: #90caf9;
--md-blue-300: #64b5f6;
--md-blue-400: #42a5f5;
--md-blue-500: #2196f3;
--md-blue-600: #1e88e5;
--md-blue-700: #1976d2;
--md-blue-800: #1565c0;
--md-blue-900: #0d47a1;
--md-blue-a100: #82b1ff;
--md-blue-a200: #448aff;
--md-blue-a400: #2979ff;
--md-blue-a700: #2962ff;
--md-light-blue-50: #e1f5fe;
--md-light-blue-100: #b3e5fc;
--md-light-blue-200: #81d4fa;
--md-light-blue-300: #4fc3f7;
--md-light-blue-400: #29b6f6;
--md-light-blue-500: #03a9f4;
--md-light-blue-600: #039be5;
--md-light-blue-700: #0288d1;
--md-light-blue-800: #0277bd;
--md-light-blue-900: #01579b;
--md-light-blue-a100: #80d8ff;
--md-light-blue-a200: #40c4ff;
--md-light-blue-a400: #00b0ff;
--md-light-blue-a700: #0091ea;
--md-cyan-50: #e0f7fa;
--md-cyan-100: #b2ebf2;
--md-cyan-200: #80deea;
--md-cyan-300: #4dd0e1;
--md-cyan-400: #26c6da;
--md-cyan-500: #00bcd4;
--md-cyan-600: #00acc1;
--md-cyan-700: #0097a7;
--md-cyan-800: #00838f;
--md-cyan-900: #006064;
--md-cyan-a100: #84ffff;
--md-cyan-a200: #18ffff;
--md-cyan-a400: #00e5ff;
--md-cyan-a700: #00b8d4;
--md-teal-50: #e0f2f1;
--md-teal-100: #b2dfdb;
--md-teal-200: #80cbc4;
--md-teal-300: #4db6ac;
--md-teal-400: #26a69a;
--md-teal-500: #009688;
--md-teal-600: #00897b;
--md-teal-700: #00796b;
--md-teal-800: #00695c;
--md-teal-900: #004d40;
--md-teal-a100: #a7ffeb;
--md-teal-a200: #64ffda;
--md-teal-a400: #1de9b6;
--md-teal-a700: #00bfa5;
--md-green-50: #e8f5e9;
--md-green-100: #c8e6c9;
--md-green-200: #a5d6a7;
--md-green-300: #81c784;
--md-green-400: #66bb6a;
--md-green-500: #4caf50;
--md-green-600: #43a047;
--md-green-700: #388e3c;
--md-green-800: #2e7d32;
--md-green-900: #1b5e20;
--md-green-a100: #b9f6ca;
--md-green-a200: #69f0ae;
--md-green-a400: #00e676;
--md-green-a700: #00c853;
--md-light-green-50: #f1f8e9;
--md-light-green-100: #dcedc8;
--md-light-green-200: #c5e1a5;
--md-light-green-300: #aed581;
--md-light-green-400: #9ccc65;
--md-light-green-500: #8bc34a;
--md-light-green-600: #7cb342;
--md-light-green-700: #689f38;
--md-light-green-800: #558b2f;
--md-light-green-900: #33691e;
--md-light-green-a100: #ccff90;
--md-light-green-a200: #b2ff59;
--md-light-green-a400: #76ff03;
--md-light-green-a700: #64dd17;
--md-lime-50: #f9fbe7;
--md-lime-100: #f0f4c3;
--md-lime-200: #e6ee9c;
--md-lime-300: #dce775;
--md-lime-400: #d4e157;
--md-lime-500: #cddc39;
--md-lime-600: #c0ca33;
--md-lime-700: #afb42b;
--md-lime-800: #9e9d24;
--md-lime-900: #827717;
--md-lime-a100: #f4ff81;
--md-lime-a200: #eeff41;
--md-lime-a400: #c6ff00;
--md-lime-a700: #aeea00;
--md-yellow-50: #fffde7;
--md-yellow-100: #fff9c4;
--md-yellow-200: #fff59d;
--md-yellow-300: #fff176;
--md-yellow-400: #ffee58;
--md-yellow-500: #ffeb3b;
--md-yellow-600: #fdd835;
--md-yellow-700: #fbc02d;
--md-yellow-800: #f9a825;
--md-yellow-900: #f57f17;
--md-yellow-a100: #ffff8d;
--md-yellow-a200: #ffff00;
--md-yellow-a400: #ffea00;
--md-yellow-a700: #ffd600;
--md-amber-50: #fff8e1;
--md-amber-100: #ffecb3;
--md-amber-200: #ffe082;
--md-amber-300: #ffd54f;
--md-amber-400: #ffca28;
--md-amber-500: #ffc107;
--md-amber-600: #ffb300;
--md-amber-700: #ffa000;
--md-amber-800: #ff8f00;
--md-amber-900: #ff6f00;
--md-amber-a100: #ffe57f;
--md-amber-a200: #ffd740;
--md-amber-a400: #ffc400;
--md-amber-a700: #ffab00;
--md-orange-50: #fff3e0;
--md-orange-100: #ffe0b2;
--md-orange-200: #ffcc80;
--md-orange-300: #ffb74d;
--md-orange-400: #ffa726;
--md-orange-500: #ff9800;
--md-orange-600: #fb8c00;
--md-orange-700: #f57c00;
--md-orange-800: #ef6c00;
--md-orange-900: #e65100;
--md-orange-a100: #ffd180;
--md-orange-a200: #ffab40;
--md-orange-a400: #ff9100;
--md-orange-a700: #ff6d00;
--md-deep-orange-50: #fbe9e7;
--md-deep-orange-100: #ffccbc;
--md-deep-orange-200: #ffab91;
--md-deep-orange-300: #ff8a65;
--md-deep-orange-400: #ff7043;
--md-deep-orange-500: #ff5722;
--md-deep-orange-600: #f4511e;
--md-deep-orange-700: #e64a19;
--md-deep-orange-800: #d84315;
--md-deep-orange-900: #bf360c;
--md-deep-orange-a100: #ff9e80;
--md-deep-orange-a200: #ff6e40;
--md-deep-orange-a400: #ff3d00;
--md-deep-orange-a700: #dd2c00;
--md-brown-50: #efebe9;
--md-brown-100: #d7ccc8;
--md-brown-200: #bcaaa4;
--md-brown-300: #a1887f;
--md-brown-400: #8d6e63;
--md-brown-500: #795548;
--md-brown-600: #6d4c41;
--md-brown-700: #5d4037;
--md-brown-800: #4e342e;
--md-brown-900: #3e2723;
--md-grey-50: #fafafa;
--md-grey-100: #f5f5f5;
--md-grey-200: #eeeeee;
--md-grey-300: #e0e0e0;
--md-grey-400: #bdbdbd;
--md-grey-500: #9e9e9e;
--md-grey-600: #757575;
--md-grey-700: #616161;
--md-grey-800: #424242;
--md-grey-900: #212121;
--md-blue-grey-50: #eceff1;
--md-blue-grey-100: #cfd8dc;
--md-blue-grey-200: #b0bec5;
--md-blue-grey-300: #90a4ae;
--md-blue-grey-400: #78909c;
--md-blue-grey-500: #607d8b;
--md-blue-grey-600: #546e7a;
--md-blue-grey-700: #455a64;
--md-blue-grey-800: #37474f;
--md-blue-grey-900: #263238;
--md-black: #000000;
--md-white: #ffffff;
--md-dark-text-primary: rgba(0, 0, 0, 0.87);
--md-dark-text-secondary: rgba(0, 0, 0, 0.54);
--md-dark-text-disabled: rgba(0, 0, 0, 0.38);
--md-dark-text-dividers: rgba(0, 0, 0, 0.12);
--md-light-text-primary: rgba(255, 255, 255, 1);
--md-light-text-secondary: rgba(255, 255, 255, 0.7);
--md-light-text-disabled: rgba(255, 255, 255, 0.5);
--md-light-text-dividers: rgba(255, 255, 255, 0.12);
--md-dark-icons-active: rgba(0, 0, 0, 0.54);
--md-dark-icons-inactive: rgba(0, 0, 0, 0.38);
--md-light-icons-active: rgba(255, 255, 255, 1);
--md-light-icons-inactive: rgba(255, 255, 255, 0.5);
}
================================================
FILE: lib/compat.json
================================================
{
"dark-text": {
"primary": "rgba(0, 0, 0, 0.87)",
"secondary": "rgba(0, 0, 0, 0.54)",
"disabled": "rgba(0, 0, 0, 0.38)",
"dividers": "rgba(0, 0, 0, 0.12)"
},
"light-text": {
"primary": "rgba(255, 255, 255, 1)",
"secondary": "rgba(255, 255, 255, 0.7)",
"disabled": "rgba(255, 255, 255, 0.5)",
"dividers": "rgba(255, 255, 255, 0.12)"
},
"dark-icons": {
"active": "rgba(0, 0, 0, 0.54)",
"inactive": "rgba(0, 0, 0, 0.38)"
},
"light-icons": {
"active": "rgba(255, 255, 255, 1)",
"inactive": "rgba(255, 255, 255, 0.5)"
}
}
================================================
FILE: lib/hyphen2camel.js
================================================
function hyphen2camel(hyphenString) {
return hyphenString.replace(/-([a-z])/g, function(match) {
return match[1].toUpperCase();
});
}
module.exports = hyphen2camel;
================================================
FILE: package.json
================================================
{
"name": "material-colors",
"homepage": "https://github.com/shuhei/material-colors",
"version": "1.2.6",
"description": "Colors of Google's Material Design made available to coders",
"main": "dist/colors.js",
"module": "dist/colors.es2015.js",
"scripts": {
"start": "grunt",
"test": "node test"
},
"keywords": [
"colors",
"palette",
"design",
"css",
"sass",
"scss",
"less",
"stylus",
"javascript"
],
"repository": {
"type": "git",
"url": "https://github.com/shuhei/material-colors.git"
},
"bugs": {
"url": "https://github.com/shuhei/material-colors/issues"
},
"author": {
"name": "Shuhei Kagawa",
"email": "shuhei.kagawa@gmail.com"
},
"license": "ISC",
"devDependencies": {
"grunt": "^1.0.1",
"grunt-cli": "^1.2.0",
"material-colors-object": "1.0.0",
"rollup": "^0.40.2",
"tape": "^4.6.3",
"tmp": "0.0.31"
}
}
================================================
FILE: sample.html
================================================
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Material Colors Sample</title>
<link rel="stylesheet" href="dist/colors.css">
<style>
body {
font-family: sans-serif;
}
.sample {
color: #fff;
padding: 10px;
margin: 0
}
</style>
</head>
<body>
<h1>Material Colors</h1>
<p class="sample bg-red-50">Red 50</p>
<p class="sample bg-red-100">Red 100</p>
<p class="sample bg-red-200">Red 200</p>
<p class="sample bg-red-300">Red 300</p>
<p class="sample bg-red-400">Red 400</p>
<p class="sample bg-red-500">Red 500</p>
<p class="sample bg-red-600">Red 700</p>
<p class="sample bg-red-a100">Red A100</p>
<p class="sample bg-red-a200">Red A200</p>
<p class="sample bg-red-a400">Red A400</p>
<p class="sample bg-red-a700">Red A700</p>
<p>Open developer console to see JavaScript example.</p>
<script src="dist/colors.js"></script>
<script>
(function(colors) {
Object.keys(colors.red).forEach(function(key) {
var message = '%c Red ' + key.toUpperCase() + ' ';
var style = 'background: ' + colors.red[key] + '; color: #fff';
console.log(message, style);
});
})(window.materialColors);
</script>
</body>
</html>
================================================
FILE: tasks/generate.js
================================================
var hyphen2camel = require('../lib/hyphen2camel');
function generate(grunt, fileType) {
var colorSet = grunt.file.readJSON('dist/colors.json');
if (fileType === 'js' || fileType === 'es2015.js') {
colorSet = camelizeKeys(colorSet);
}
var tmpl = grunt.file.read('templates/' + fileType + '.tmpl');
var data = { colorSet: colorSet };
var generated = grunt.template.process(tmpl, { data: data });
grunt.file.write('dist/colors.' + fileType, generated);
}
function camelizeKeys(obj) {
var clone = {};
Object.keys(obj).forEach(function(key) {
var camelized = hyphen2camel(key);
clone[camelized] = obj[key];
});
return clone;
}
module.exports = function(grunt) {
var fileTypes = ['css', 'var.css', 'sass', 'scss', 'less', 'styl', 'js', 'es2015.js'];
fileTypes.forEach(function(fileType) {
grunt.registerTask(fileType, function() {
generate(grunt, fileType);
});
});
};
================================================
FILE: tasks/json.js
================================================
const materialColors = require('material-colors-object');
const compatColors = require('../lib/compat');
const keys = Object.keys;
function reduceColorShades(color) {
const colorShadeReducer = (acc, shadeKey) => {
acc[shadeKey] = color.shades[shadeKey].value;
return acc;
}
return keys(color.shades).reduce(colorShadeReducer, {});
}
function reduceColorSet(colorSet) {
const colorReducer = (acc, colorKey) => {
// Rename gray -> grey for backward-compatibility
acc[colorKey.replace('gray', 'grey')] =
colorSet[colorKey].shades
? reduceColorShades(colorSet[colorKey])
: colorSet[colorKey].value;
return acc;
};
return keys(colorSet).reduce(colorReducer, {});
}
module.exports = function(grunt) {
grunt.registerTask('json', function () {
// Cleanup
const colorSet = reduceColorSet(materialColors);
// Combine official colors with set from lib/compat.json
Object.assign(colorSet, compatColors);
// Write JSON file
const json = JSON.stringify(colorSet, null, 2);
grunt.file.write('dist/colors.json', json);
});
};
================================================
FILE: templates/css.tmpl
================================================
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>.color-<%= groupName %>-<%= shade %> { color: <%= hex %>; }
.bg-<%= groupName %>-<%= shade %> { background-color: <%= hex %>; }
.border-<%= groupName %>-<%= shade %> { border-color: <%= hex %>; }
.fill-<%= groupName %>-<%= shade %> { fill: <%= hex %>; }
.stroke-<%= groupName %>-<%= shade %> { stroke: <%= hex %>; }
<% });
} else {
%>.color-<%= groupName %> { color: <%= group %>; }
.bg-<%= groupName %> { background-color: <%= group %>; }
.border-<%= groupName %> { border-color: <%= group %>; }
.fill-<%= groupName %> { fill: <%= group %>; }
.stroke-<%= groupName %> { stroke: <%= group %>; }
<% } %>
<% }); %>
================================================
FILE: templates/es2015.js.tmpl
================================================
<% Object.keys(colorSet).forEach(function (k) {
%>export var <%= k %> = <%= JSON.stringify(colorSet[k]) %>;
<% }); %>
export default {
<% Object.keys(colorSet).forEach(function (k, i) {
%> <%= k %>: <%= k %><%= i < Object.keys(colorSet).length - 1 ? ',' : '' %>
<% }); %>};
================================================
FILE: templates/js.tmpl
================================================
(function(root, factory) {
if (typeof define === 'function' && define.amd) {
define([], factory);
} else if (typeof exports === 'object') {
module.exports = factory();
} else {
root.materialColors = factory();
}
})(this, function() {
return <%= JSON.stringify(colorSet) %>;
});
================================================
FILE: templates/less.tmpl
================================================
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>@md-<%= groupName %>-<%= shade %>: <%= hex %>;
<% });
} else {
%>@md-<%= groupName %>: <%= group %>;
<% } %>
<% }); %>
================================================
FILE: templates/sass.tmpl
================================================
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>$md-<%= groupName %>-<%= shade %>: <%= hex %>
<% });
} else {
%>$md-<%= groupName %>: <%= group %>
<% } %>
<% }); %>
================================================
FILE: templates/scss.tmpl
================================================
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>$md-<%= groupName %>-<%= shade %>: <%= hex %>;
<% });
} else {
%>$md-<%= groupName %>: <%= group %>;
<% } %>
<% }); %>
================================================
FILE: templates/styl.tmpl
================================================
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>md-<%= groupName %>-<%= shade %> = <%= hex %>
<% });
} else {
%>md-<%= groupName %> = <%= group %>
<% } %>
<% }); %>
================================================
FILE: templates/var.css.tmpl
================================================
:root {
<% _.forEach(colorSet, function(group, groupName) {
if (typeof group === 'object') {
_.forEach(group, function(hex, shade) {
%>--md-<%= groupName %>-<%= shade %>: <%= hex %>;
<% });
} else {
%>--md-<%= groupName %>: <%= group %>;
<% } %>
<% }); %>
}
================================================
FILE: test/fixtures/default-import.js
================================================
import colors from '../../dist/colors.es2015';
console.log(colors.red['50']);
================================================
FILE: test/fixtures/named-import.js
================================================
import { red } from '../../dist/colors.es2015';
console.log(red['50']);
================================================
FILE: test/fixtures/wildcard-import.js
================================================
import * as colors from '../../dist/colors.es2015';
console.log(colors.red['50']);
================================================
FILE: test/index.js
================================================
require('./module');
================================================
FILE: test/module.js
================================================
var test = require('tape');
var fs = require('fs');
var path = require('path');
var tmp = require('tmp');
var rollup = require('rollup');
var execSync = require('child_process').execSync;
var node = process.argv[0];
var fixtures = fs.readdirSync(path.join(__dirname, 'fixtures'));
fixtures.forEach(function (fixture) {
test('module: ' + fixture, function (t) {
t.plan(1);
var filename = path.join(__dirname, 'fixtures', fixture);
rollup.rollup({ entry: filename })
.then(function (bundle) {
var js = bundle.generate({ format: 'es' }).code;
var tmpfile = tmp.fileSync().name;
var command = `"${node}" ${tmpfile}`;
fs.writeFileSync(tmpfile, js);
var stdout = execSync(command).toString().trim();
t.equal(stdout, '#ffebee');
});
});
});
gitextract_fqnhqo5q/
├── .gitignore
├── .npmignore
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
├── dist/
│ ├── colors.css
│ ├── colors.es2015.js
│ ├── colors.js
│ ├── colors.json
│ ├── colors.less
│ ├── colors.sass
│ ├── colors.scss
│ ├── colors.styl
│ └── colors.var.css
├── lib/
│ ├── compat.json
│ └── hyphen2camel.js
├── package.json
├── sample.html
├── tasks/
│ ├── generate.js
│ └── json.js
├── templates/
│ ├── css.tmpl
│ ├── es2015.js.tmpl
│ ├── js.tmpl
│ ├── less.tmpl
│ ├── sass.tmpl
│ ├── scss.tmpl
│ ├── styl.tmpl
│ └── var.css.tmpl
└── test/
├── fixtures/
│ ├── default-import.js
│ ├── named-import.js
│ └── wildcard-import.js
├── index.js
└── module.js
SYMBOL INDEX (5 symbols across 3 files)
FILE: lib/hyphen2camel.js
function hyphen2camel (line 1) | function hyphen2camel(hyphenString) {
FILE: tasks/generate.js
function generate (line 3) | function generate(grunt, fileType) {
function camelizeKeys (line 14) | function camelizeKeys(obj) {
FILE: tasks/json.js
function reduceColorShades (line 6) | function reduceColorShades(color) {
function reduceColorSet (line 14) | function reduceColorSet(colorSet) {
Condensed preview — 34 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (130K chars).
[
{
"path": ".gitignore",
"chars": 19,
"preview": ".idea\nnode_modules\n"
},
{
"path": ".npmignore",
"chars": 61,
"preview": "lib\ntasks\ntemplates\nbower.json\nGruntfile.js\nsample.html\ntest\n"
},
{
"path": "Gruntfile.js",
"chars": 207,
"preview": "module.exports = function(grunt) {\n grunt.initConfig({\n });\n\n grunt.loadTasks('tasks');\n\n grunt.registerTask('defaul"
},
{
"path": "LICENSE",
"chars": 740,
"preview": "ISC License\n\nCopyright 2014 Shuhei Kagawa\n\nPermission to use, copy, modify, and/or distribute this software for any purp"
},
{
"path": "README.md",
"chars": 1725,
"preview": "[](https://github.com/shuhei/material-colors)\n[![NPM"
},
{
"path": "bower.json",
"chars": 586,
"preview": "{\n \"name\": \"material-colors\",\n \"version\": \"1.2.0\",\n \"main\": [\n \"./dist/colors.css\",\n \"./dist/colors.js\"\n ],\n "
},
{
"path": "dist/colors.css",
"chars": 57079,
"preview": ".color-red-50 { color: #ffebee; }\n.bg-red-50 { background-color: #ffebee; }\n.border-red-50 { border-color: #ffebee; }\n.f"
},
{
"path": "dist/colors.es2015.js",
"chars": 5616,
"preview": "export var red = {\"50\":\"#ffebee\",\"100\":\"#ffcdd2\",\"200\":\"#ef9a9a\",\"300\":\"#e57373\",\"400\":\"#ef5350\",\"500\":\"#f44336\",\"600\":\""
},
{
"path": "dist/colors.js",
"chars": 5098,
"preview": "(function(root, factory) {\n if (typeof define === 'function' && define.amd) {\n define([], factory);\n } else if (typ"
},
{
"path": "dist/colors.json",
"chars": 6604,
"preview": "{\n \"red\": {\n \"50\": \"#ffebee\",\n \"100\": \"#ffcdd2\",\n \"200\": \"#ef9a9a\",\n \"300\": \"#e57373\",\n \"400\": \"#ef5350\""
},
{
"path": "dist/colors.less",
"chars": 7090,
"preview": "@md-red-50: #ffebee;\n@md-red-100: #ffcdd2;\n@md-red-200: #ef9a9a;\n@md-red-300: #e57373;\n@md-red-400: #ef5350;\n@md-red-500"
},
{
"path": "dist/colors.sass",
"chars": 6822,
"preview": "$md-red-50: #ffebee\n$md-red-100: #ffcdd2\n$md-red-200: #ef9a9a\n$md-red-300: #e57373\n$md-red-400: #ef5350\n$md-red-500: #f4"
},
{
"path": "dist/colors.scss",
"chars": 7090,
"preview": "$md-red-50: #ffebee;\n$md-red-100: #ffcdd2;\n$md-red-200: #ef9a9a;\n$md-red-300: #e57373;\n$md-red-400: #ef5350;\n$md-red-500"
},
{
"path": "dist/colors.styl",
"chars": 6822,
"preview": "md-red-50 = #ffebee\nmd-red-100 = #ffcdd2\nmd-red-200 = #ef9a9a\nmd-red-300 = #e57373\nmd-red-400 = #ef5350\nmd-red-500 = #f4"
},
{
"path": "dist/colors.var.css",
"chars": 7368,
"preview": ":root {\n--md-red-50: #ffebee;\n--md-red-100: #ffcdd2;\n--md-red-200: #ef9a9a;\n--md-red-300: #e57373;\n--md-red-400: #ef5350"
},
{
"path": "lib/compat.json",
"chars": 582,
"preview": "{\n \"dark-text\": {\n \"primary\": \"rgba(0, 0, 0, 0.87)\",\n \"secondary\": \"rgba(0, 0, 0, 0.54)\",\n \"disabled\": \"rgba(0"
},
{
"path": "lib/hyphen2camel.js",
"chars": 174,
"preview": "function hyphen2camel(hyphenString) {\n return hyphenString.replace(/-([a-z])/g, function(match) {\n return match[1].t"
},
{
"path": "package.json",
"chars": 937,
"preview": "{\n \"name\": \"material-colors\",\n \"homepage\": \"https://github.com/shuhei/material-colors\",\n \"version\": \"1.2.6\",\n \"descr"
},
{
"path": "sample.html",
"chars": 1321,
"preview": "<!DOCTYPE html>\n<html>\n <head>\n <meta charset=\"UTF-8\">\n <title>Material Colors Sample</title>\n <link rel=\"styl"
},
{
"path": "tasks/generate.js",
"chars": 920,
"preview": "var hyphen2camel = require('../lib/hyphen2camel');\n\nfunction generate(grunt, fileType) {\n var colorSet = grunt.file.rea"
},
{
"path": "tasks/json.js",
"chars": 1098,
"preview": "const materialColors = require('material-colors-object');\nconst compatColors = require('../lib/compat');\n\nconst keys = O"
},
{
"path": "templates/css.tmpl",
"chars": 749,
"preview": "<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, function(hex"
},
{
"path": "templates/es2015.js.tmpl",
"chars": 275,
"preview": "<% Object.keys(colorSet).forEach(function (k) {\n%>export var <%= k %> = <%= JSON.stringify(colorSet[k]) %>;\n<% }); %>\nex"
},
{
"path": "templates/js.tmpl",
"chars": 300,
"preview": "(function(root, factory) {\n if (typeof define === 'function' && define.amd) {\n define([], factory);\n } else if (typ"
},
{
"path": "templates/less.tmpl",
"chars": 255,
"preview": "<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, function(hex"
},
{
"path": "templates/sass.tmpl",
"chars": 253,
"preview": "<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, function(hex"
},
{
"path": "templates/scss.tmpl",
"chars": 255,
"preview": "<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, function(hex"
},
{
"path": "templates/styl.tmpl",
"chars": 253,
"preview": "<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, function(hex"
},
{
"path": "templates/var.css.tmpl",
"chars": 267,
"preview": ":root {\n<% _.forEach(colorSet, function(group, groupName) {\n if (typeof group === 'object') {\n _.forEach(group, func"
},
{
"path": "test/fixtures/default-import.js",
"chars": 78,
"preview": "import colors from '../../dist/colors.es2015';\nconsole.log(colors.red['50']);\n"
},
{
"path": "test/fixtures/named-import.js",
"chars": 72,
"preview": "import { red } from '../../dist/colors.es2015';\nconsole.log(red['50']);\n"
},
{
"path": "test/fixtures/wildcard-import.js",
"chars": 83,
"preview": "import * as colors from '../../dist/colors.es2015';\nconsole.log(colors.red['50']);\n"
},
{
"path": "test/index.js",
"chars": 21,
"preview": "require('./module');\n"
},
{
"path": "test/module.js",
"chars": 815,
"preview": "var test = require('tape');\nvar fs = require('fs');\nvar path = require('path');\nvar tmp = require('tmp');\nvar rollup = r"
}
]
About this extraction
This page contains the full source code of the shuhei/material-colors GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 34 files (118.8 KB), approximately 49.1k tokens, and a symbol index with 5 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.