From e63f8f9536aa5f6eca78562958ed2e8139637c58 Mon Sep 17 00:00:00 2001 From: Dan Le Van Date: Fri, 21 Nov 2014 18:12:57 +0900 Subject: [PATCH] Update color - Update the color (update from Google docs) --- CHANGELOG.md | 6 + bower.json | 2 +- dist/palette.css | 1046 ++++++++++++++++++++++----------------------- dist/palette.js | 490 ++++++++++----------- dist/palette.less | 490 ++++++++++----------- dist/palette.scss | 490 ++++++++++----------- dist/palette.styl | 490 ++++++++++----------- package.json | 2 +- src/colors.js | 515 +++++++++++----------- test/less.css | 182 ++++---- test/sass.css | 1046 ++++++++++++++++++++++----------------------- test/stylus.css | 180 ++++---- 12 files changed, 2464 insertions(+), 2475 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 72d90ce..b138fb8 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,9 @@ +# 1.2.0 + +2014-11-21 + +- Update the color (update from Google docs) + # 1.1.0 2014-11-20 diff --git a/bower.json b/bower.json index a63dc24..b291e30 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "google-material-color", - "version": "1.1.0", + "version": "1.2.0", "description": "Google material color (http://www.google.com/design/spec/style/color.html) implementation for Sass, Less, Stylus, CSS and JS.", "homepage": "https://github.com/danlevan/google-material-color", "authors": [ diff --git a/dist/palette.css b/dist/palette.css index 1112967..7ed1542 100644 --- a/dist/palette.css +++ b/dist/palette.css @@ -1,424 +1,424 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ .palette-Red.bg { - background-color: #e51c23; + background-color: #F44336; } .palette-Red.text { - color: #e51c23; + color: #F44336; } .palette-Red-50.bg { - background-color: #fde0dc; + background-color: #FFEBEE; } .palette-Red-50.text { - color: #fde0dc; + color: #FFEBEE; } .palette-Red-100.bg { - background-color: #f9bdbb; + background-color: #FFCDD2; } .palette-Red-100.text { - color: #f9bdbb; + color: #FFCDD2; } .palette-Red-200.bg { - background-color: #f69988; + background-color: #EF9A9A; } .palette-Red-200.text { - color: #f69988; + color: #EF9A9A; } .palette-Red-300.bg { - background-color: #f36c60; + background-color: #E57373; } .palette-Red-300.text { - color: #f36c60; + color: #E57373; } .palette-Red-400.bg { - background-color: #e84e40; + background-color: #EF5350; } .palette-Red-400.text { - color: #e84e40; + color: #EF5350; } .palette-Red-500.bg { - background-color: #e51c23; + background-color: #F44336; } .palette-Red-500.text { - color: #e51c23; + color: #F44336; } .palette-Red-600.bg { - background-color: #dd191d; + background-color: #E53935; } .palette-Red-600.text { - color: #dd191d; + color: #E53935; } .palette-Red-700.bg { - background-color: #d01716; + background-color: #D32F2F; } .palette-Red-700.text { - color: #d01716; + color: #D32F2F; } .palette-Red-800.bg { - background-color: #c41411; + background-color: #C62828; } .palette-Red-800.text { - color: #c41411; + color: #C62828; } .palette-Red-900.bg { - background-color: #b0120a; + background-color: #B71C1C; } .palette-Red-900.text { - color: #b0120a; + color: #B71C1C; } .palette-Red-A100.bg { - background-color: #ff7997; + background-color: #FF8A80; } .palette-Red-A100.text { - color: #ff7997; + color: #FF8A80; } .palette-Red-A200.bg { - background-color: #ff5177; + background-color: #FF5252; } .palette-Red-A200.text { - color: #ff5177; + color: #FF5252; } .palette-Red-A400.bg { - background-color: #ff2d6f; + background-color: #FF1744; } .palette-Red-A400.text { - color: #ff2d6f; + color: #FF1744; } .palette-Red-A700.bg { - background-color: #e00032; + background-color: #D50000; } .palette-Red-A700.text { - color: #e00032; + color: #D50000; } .palette-Pink.bg { - background-color: #e91e63; + background-color: #E91E63; } .palette-Pink.text { - color: #e91e63; + color: #E91E63; } .palette-Pink-50.bg { - background-color: #fce4ec; + background-color: #FCE4EC; } .palette-Pink-50.text { - color: #fce4ec; + color: #FCE4EC; } .palette-Pink-100.bg { - background-color: #f8bbd0; + background-color: #F8BBD0; } .palette-Pink-100.text { - color: #f8bbd0; + color: #F8BBD0; } .palette-Pink-200.bg { - background-color: #f48fb1; + background-color: #F48FB1; } .palette-Pink-200.text { - color: #f48fb1; + color: #F48FB1; } .palette-Pink-300.bg { - background-color: #f06292; + background-color: #F06292; } .palette-Pink-300.text { - color: #f06292; + color: #F06292; } .palette-Pink-400.bg { - background-color: #ec407a; + background-color: #EC407A; } .palette-Pink-400.text { - color: #ec407a; + color: #EC407A; } .palette-Pink-500.bg { - background-color: #e91e63; + background-color: #E91E63; } .palette-Pink-500.text { - color: #e91e63; + color: #E91E63; } .palette-Pink-600.bg { - background-color: #d81b60; + background-color: #D81B60; } .palette-Pink-600.text { - color: #d81b60; + color: #D81B60; } .palette-Pink-700.bg { - background-color: #c2185b; + background-color: #C2185B; } .palette-Pink-700.text { - color: #c2185b; + color: #C2185B; } .palette-Pink-800.bg { - background-color: #ad1457; + background-color: #AD1457; } .palette-Pink-800.text { - color: #ad1457; + color: #AD1457; } .palette-Pink-900.bg { - background-color: #880e4f; + background-color: #880E4F; } .palette-Pink-900.text { - color: #880e4f; + color: #880E4F; } .palette-Pink-A100.bg { - background-color: #ff80ab; + background-color: #FF80AB; } .palette-Pink-A100.text { - color: #ff80ab; + color: #FF80AB; } .palette-Pink-A200.bg { - background-color: #ff4081; + background-color: #FF4081; } .palette-Pink-A200.text { - color: #ff4081; + color: #FF4081; } .palette-Pink-A400.bg { - background-color: #f50057; + background-color: #F50057; } .palette-Pink-A400.text { - color: #f50057; + color: #F50057; } .palette-Pink-A700.bg { - background-color: #c51162; + background-color: #C51162; } .palette-Pink-A700.text { - color: #c51162; + color: #C51162; } .palette-Purple.bg { - background-color: #9c27b0; + background-color: #9C27B0; } .palette-Purple.text { - color: #9c27b0; + color: #9C27B0; } .palette-Purple-50.bg { - background-color: #f3e5f5; + background-color: #F3E5F5; } .palette-Purple-50.text { - color: #f3e5f5; + color: #F3E5F5; } .palette-Purple-100.bg { - background-color: #e1bee7; + background-color: #E1BEE7; } .palette-Purple-100.text { - color: #e1bee7; + color: #E1BEE7; } .palette-Purple-200.bg { - background-color: #ce93d8; + background-color: #CE93D8; } .palette-Purple-200.text { - color: #ce93d8; + color: #CE93D8; } .palette-Purple-300.bg { - background-color: #ba68c8; + background-color: #BA68C8; } .palette-Purple-300.text { - color: #ba68c8; + color: #BA68C8; } .palette-Purple-400.bg { - background-color: #ab47bc; + background-color: #AB47BC; } .palette-Purple-400.text { - color: #ab47bc; + color: #AB47BC; } .palette-Purple-500.bg { - background-color: #9c27b0; + background-color: #9C27B0; } .palette-Purple-500.text { - color: #9c27b0; + color: #9C27B0; } .palette-Purple-600.bg { - background-color: #8e24aa; + background-color: #8E24AA; } .palette-Purple-600.text { - color: #8e24aa; + color: #8E24AA; } .palette-Purple-700.bg { - background-color: #7b1fa2; + background-color: #7B1FA2; } .palette-Purple-700.text { - color: #7b1fa2; + color: #7B1FA2; } .palette-Purple-800.bg { - background-color: #6a1b9a; + background-color: #6A1B9A; } .palette-Purple-800.text { - color: #6a1b9a; + color: #6A1B9A; } .palette-Purple-900.bg { - background-color: #4a148c; + background-color: #4A148C; } .palette-Purple-900.text { - color: #4a148c; + color: #4A148C; } .palette-Purple-A100.bg { - background-color: #ea80fc; + background-color: #EA80FC; } .palette-Purple-A100.text { - color: #ea80fc; + color: #EA80FC; } .palette-Purple-A200.bg { - background-color: #e040fb; + background-color: #E040FB; } .palette-Purple-A200.text { - color: #e040fb; + color: #E040FB; } .palette-Purple-A400.bg { - background-color: #d500f9; + background-color: #D500F9; } .palette-Purple-A400.text { - color: #d500f9; + color: #D500F9; } .palette-Purple-A700.bg { - background-color: #aa00ff; + background-color: #AA00FF; } .palette-Purple-A700.text { - color: #aa00ff; + color: #AA00FF; } .palette-Deep-Purple.bg { - background-color: #673ab7; + background-color: #673AB7; } .palette-Deep-Purple.text { - color: #673ab7; + color: #673AB7; } .palette-Deep-Purple-50.bg { - background-color: #ede7f6; + background-color: #EDE7F6; } .palette-Deep-Purple-50.text { - color: #ede7f6; + color: #EDE7F6; } .palette-Deep-Purple-100.bg { - background-color: #d1c4e9; + background-color: #D1C4E9; } .palette-Deep-Purple-100.text { - color: #d1c4e9; + color: #D1C4E9; } .palette-Deep-Purple-200.bg { - background-color: #b39ddb; + background-color: #B39DDB; } .palette-Deep-Purple-200.text { - color: #b39ddb; + color: #B39DDB; } .palette-Deep-Purple-300.bg { - background-color: #9575cd; + background-color: #9575CD; } .palette-Deep-Purple-300.text { - color: #9575cd; + color: #9575CD; } .palette-Deep-Purple-400.bg { - background-color: #7e57c2; + background-color: #7E57C2; } .palette-Deep-Purple-400.text { - color: #7e57c2; + color: #7E57C2; } .palette-Deep-Purple-500.bg { - background-color: #673ab7; + background-color: #673AB7; } .palette-Deep-Purple-500.text { - color: #673ab7; + color: #673AB7; } .palette-Deep-Purple-600.bg { - background-color: #5e35b1; + background-color: #5E35B1; } .palette-Deep-Purple-600.text { - color: #5e35b1; + color: #5E35B1; } .palette-Deep-Purple-700.bg { - background-color: #512da8; + background-color: #512DA8; } .palette-Deep-Purple-700.text { - color: #512da8; + color: #512DA8; } .palette-Deep-Purple-800.bg { - background-color: #4527a0; + background-color: #4527A0; } .palette-Deep-Purple-800.text { - color: #4527a0; + color: #4527A0; } .palette-Deep-Purple-900.bg { - background-color: #311b92; + background-color: #311B92; } .palette-Deep-Purple-900.text { - color: #311b92; + color: #311B92; } .palette-Deep-Purple-A100.bg { - background-color: #b388ff; + background-color: #B388FF; } .palette-Deep-Purple-A100.text { - color: #b388ff; + color: #B388FF; } .palette-Deep-Purple-A200.bg { - background-color: #7c4dff; + background-color: #7C4DFF; } .palette-Deep-Purple-A200.text { - color: #7c4dff; + color: #7C4DFF; } .palette-Deep-Purple-A400.bg { - background-color: #651fff; + background-color: #651FFF; } .palette-Deep-Purple-A400.text { - color: #651fff; + color: #651FFF; } .palette-Deep-Purple-A700.bg { - background-color: #6200ea; + background-color: #6200EA; } .palette-Deep-Purple-A700.text { - color: #6200ea; + color: #6200EA; } .palette-Indigo.bg { - background-color: #3f51b5; + background-color: #3F51B5; } .palette-Indigo.text { - color: #3f51b5; + color: #3F51B5; } .palette-Indigo-50.bg { - background-color: #e8eaf6; + background-color: #E8EAF6; } .palette-Indigo-50.text { - color: #e8eaf6; + color: #E8EAF6; } .palette-Indigo-100.bg { - background-color: #c5cae9; + background-color: #C5CAE9; } .palette-Indigo-100.text { - color: #c5cae9; + color: #C5CAE9; } .palette-Indigo-200.bg { - background-color: #9fa8da; + background-color: #9FA8DA; } .palette-Indigo-200.text { - color: #9fa8da; + color: #9FA8DA; } .palette-Indigo-300.bg { - background-color: #7986cb; + background-color: #7986CB; } .palette-Indigo-300.text { - color: #7986cb; + color: #7986CB; } .palette-Indigo-400.bg { - background-color: #5c6bc0; + background-color: #5C6BC0; } .palette-Indigo-400.text { - color: #5c6bc0; + color: #5C6BC0; } .palette-Indigo-500.bg { - background-color: #3f51b5; + background-color: #3F51B5; } .palette-Indigo-500.text { - color: #3f51b5; + color: #3F51B5; } .palette-Indigo-600.bg { - background-color: #3949ab; + background-color: #3949AB; } .palette-Indigo-600.text { - color: #3949ab; + color: #3949AB; } .palette-Indigo-700.bg { - background-color: #303f9f; + background-color: #303F9F; } .palette-Indigo-700.text { - color: #303f9f; + color: #303F9F; } .palette-Indigo-800.bg { background-color: #283593; @@ -427,277 +427,277 @@ color: #283593; } .palette-Indigo-900.bg { - background-color: #1a237e; + background-color: #1A237E; } .palette-Indigo-900.text { - color: #1a237e; + color: #1A237E; } .palette-Indigo-A100.bg { - background-color: #8c9eff; + background-color: #8C9EFF; } .palette-Indigo-A100.text { - color: #8c9eff; + color: #8C9EFF; } .palette-Indigo-A200.bg { - background-color: #536dfe; + background-color: #536DFE; } .palette-Indigo-A200.text { - color: #536dfe; + color: #536DFE; } .palette-Indigo-A400.bg { - background-color: #3d5afe; + background-color: #3D5AFE; } .palette-Indigo-A400.text { - color: #3d5afe; + color: #3D5AFE; } .palette-Indigo-A700.bg { - background-color: #304ffe; + background-color: #304FFE; } .palette-Indigo-A700.text { - color: #304ffe; + color: #304FFE; } .palette-Blue.bg { - background-color: #5677fc; + background-color: #2196F3; } .palette-Blue.text { - color: #5677fc; + color: #2196F3; } .palette-Blue-50.bg { - background-color: #e7e9fd; + background-color: #E3F2FD; } .palette-Blue-50.text { - color: #e7e9fd; + color: #E3F2FD; } .palette-Blue-100.bg { - background-color: #d0d9ff; + background-color: #BBDEFB; } .palette-Blue-100.text { - color: #d0d9ff; + color: #BBDEFB; } .palette-Blue-200.bg { - background-color: #afbfff; + background-color: #90CAF9; } .palette-Blue-200.text { - color: #afbfff; + color: #90CAF9; } .palette-Blue-300.bg { - background-color: #91a7ff; + background-color: #64B5F6; } .palette-Blue-300.text { - color: #91a7ff; + color: #64B5F6; } .palette-Blue-400.bg { - background-color: #738ffe; + background-color: #42A5F5; } .palette-Blue-400.text { - color: #738ffe; + color: #42A5F5; } .palette-Blue-500.bg { - background-color: #5677fc; + background-color: #2196F3; } .palette-Blue-500.text { - color: #5677fc; + color: #2196F3; } .palette-Blue-600.bg { - background-color: #4e6cef; + background-color: #1E88E5; } .palette-Blue-600.text { - color: #4e6cef; + color: #1E88E5; } .palette-Blue-700.bg { - background-color: #455ede; + background-color: #1976D2; } .palette-Blue-700.text { - color: #455ede; + color: #1976D2; } .palette-Blue-800.bg { - background-color: #3b50ce; + background-color: #1565C0; } .palette-Blue-800.text { - color: #3b50ce; + color: #1565C0; } .palette-Blue-900.bg { - background-color: #2a36b1; + background-color: #0D47A1; } .palette-Blue-900.text { - color: #2a36b1; + color: #0D47A1; } .palette-Blue-A100.bg { - background-color: #a6baff; + background-color: #82B1FF; } .palette-Blue-A100.text { - color: #a6baff; + color: #82B1FF; } .palette-Blue-A200.bg { - background-color: #6889ff; + background-color: #448AFF; } .palette-Blue-A200.text { - color: #6889ff; + color: #448AFF; } .palette-Blue-A400.bg { - background-color: #4d73ff; + background-color: #2979FF; } .palette-Blue-A400.text { - color: #4d73ff; + color: #2979FF; } .palette-Blue-A700.bg { - background-color: #4d69ff; + background-color: #2962FF; } .palette-Blue-A700.text { - color: #4d69ff; + color: #2962FF; } .palette-Light-Blue.bg { - background-color: #03a9f4; + background-color: #03A9F4; } .palette-Light-Blue.text { - color: #03a9f4; + color: #03A9F4; } .palette-Light-Blue-50.bg { - background-color: #e1f5fe; + background-color: #E1F5FE; } .palette-Light-Blue-50.text { - color: #e1f5fe; + color: #E1F5FE; } .palette-Light-Blue-100.bg { - background-color: #b3e5fc; + background-color: #B3E5FC; } .palette-Light-Blue-100.text { - color: #b3e5fc; + color: #B3E5FC; } .palette-Light-Blue-200.bg { - background-color: #81d4fa; + background-color: #81D4FA; } .palette-Light-Blue-200.text { - color: #81d4fa; + color: #81D4FA; } .palette-Light-Blue-300.bg { - background-color: #4fc3f7; + background-color: #4FC3F7; } .palette-Light-Blue-300.text { - color: #4fc3f7; + color: #4FC3F7; } .palette-Light-Blue-400.bg { - background-color: #29b6f6; + background-color: #29B6F6; } .palette-Light-Blue-400.text { - color: #29b6f6; + color: #29B6F6; } .palette-Light-Blue-500.bg { - background-color: #03a9f4; + background-color: #03A9F4; } .palette-Light-Blue-500.text { - color: #03a9f4; + color: #03A9F4; } .palette-Light-Blue-600.bg { - background-color: #039be5; + background-color: #039BE5; } .palette-Light-Blue-600.text { - color: #039be5; + color: #039BE5; } .palette-Light-Blue-700.bg { - background-color: #0288d1; + background-color: #0288D1; } .palette-Light-Blue-700.text { - color: #0288d1; + color: #0288D1; } .palette-Light-Blue-800.bg { - background-color: #0277bd; + background-color: #0277BD; } .palette-Light-Blue-800.text { - color: #0277bd; + color: #0277BD; } .palette-Light-Blue-900.bg { - background-color: #01579b; + background-color: #01579B; } .palette-Light-Blue-900.text { - color: #01579b; + color: #01579B; } .palette-Light-Blue-A100.bg { - background-color: #80d8ff; + background-color: #80D8FF; } .palette-Light-Blue-A100.text { - color: #80d8ff; + color: #80D8FF; } .palette-Light-Blue-A200.bg { - background-color: #40c4ff; + background-color: #40C4FF; } .palette-Light-Blue-A200.text { - color: #40c4ff; + color: #40C4FF; } .palette-Light-Blue-A400.bg { - background-color: #00b0ff; + background-color: #00B0FF; } .palette-Light-Blue-A400.text { - color: #00b0ff; + color: #00B0FF; } .palette-Light-Blue-A700.bg { - background-color: #0091ea; + background-color: #0091EA; } .palette-Light-Blue-A700.text { - color: #0091ea; + color: #0091EA; } .palette-Cyan.bg { - background-color: #00bcd4; + background-color: #00BCD4; } .palette-Cyan.text { - color: #00bcd4; + color: #00BCD4; } .palette-Cyan-50.bg { - background-color: #e0f7fa; + background-color: #E0F7FA; } .palette-Cyan-50.text { - color: #e0f7fa; + color: #E0F7FA; } .palette-Cyan-100.bg { - background-color: #b2ebf2; + background-color: #B2EBF2; } .palette-Cyan-100.text { - color: #b2ebf2; + color: #B2EBF2; } .palette-Cyan-200.bg { - background-color: #80deea; + background-color: #80DEEA; } .palette-Cyan-200.text { - color: #80deea; + color: #80DEEA; } .palette-Cyan-300.bg { - background-color: #4dd0e1; + background-color: #4DD0E1; } .palette-Cyan-300.text { - color: #4dd0e1; + color: #4DD0E1; } .palette-Cyan-400.bg { - background-color: #26c6da; + background-color: #26C6DA; } .palette-Cyan-400.text { - color: #26c6da; + color: #26C6DA; } .palette-Cyan-500.bg { - background-color: #00bcd4; + background-color: #00BCD4; } .palette-Cyan-500.text { - color: #00bcd4; + color: #00BCD4; } .palette-Cyan-600.bg { - background-color: #00acc1; + background-color: #00ACC1; } .palette-Cyan-600.text { - color: #00acc1; + color: #00ACC1; } .palette-Cyan-700.bg { - background-color: #0097a7; + background-color: #0097A7; } .palette-Cyan-700.text { - color: #0097a7; + color: #0097A7; } .palette-Cyan-800.bg { - background-color: #00838f; + background-color: #00838F; } .palette-Cyan-800.text { - color: #00838f; + color: #00838F; } .palette-Cyan-900.bg { background-color: #006064; @@ -706,28 +706,28 @@ color: #006064; } .palette-Cyan-A100.bg { - background-color: #84ffff; + background-color: #84FFFF; } .palette-Cyan-A100.text { - color: #84ffff; + color: #84FFFF; } .palette-Cyan-A200.bg { - background-color: #18ffff; + background-color: #18FFFF; } .palette-Cyan-A200.text { - color: #18ffff; + color: #18FFFF; } .palette-Cyan-A400.bg { - background-color: #00e5ff; + background-color: #00E5FF; } .palette-Cyan-A400.text { - color: #00e5ff; + color: #00E5FF; } .palette-Cyan-A700.bg { - background-color: #00b8d4; + background-color: #00B8D4; } .palette-Cyan-A700.text { - color: #00b8d4; + color: #00B8D4; } .palette-Teal.bg { @@ -737,34 +737,34 @@ color: #009688; } .palette-Teal-50.bg { - background-color: #e0f2f1; + background-color: #E0F2F1; } .palette-Teal-50.text { - color: #e0f2f1; + color: #E0F2F1; } .palette-Teal-100.bg { - background-color: #b2dfdb; + background-color: #B2DFDB; } .palette-Teal-100.text { - color: #b2dfdb; + color: #B2DFDB; } .palette-Teal-200.bg { - background-color: #80cbc4; + background-color: #80CBC4; } .palette-Teal-200.text { - color: #80cbc4; + color: #80CBC4; } .palette-Teal-300.bg { - background-color: #4db6ac; + background-color: #4DB6AC; } .palette-Teal-300.text { - color: #4db6ac; + color: #4DB6AC; } .palette-Teal-400.bg { - background-color: #26a69a; + background-color: #26A69A; } .palette-Teal-400.text { - color: #26a69a; + color: #26A69A; } .palette-Teal-500.bg { background-color: #009688; @@ -773,295 +773,295 @@ color: #009688; } .palette-Teal-600.bg { - background-color: #00897b; + background-color: #00897B; } .palette-Teal-600.text { - color: #00897b; + color: #00897B; } .palette-Teal-700.bg { - background-color: #00796b; + background-color: #00796B; } .palette-Teal-700.text { - color: #00796b; + color: #00796B; } .palette-Teal-800.bg { - background-color: #00695c; + background-color: #00695C; } .palette-Teal-800.text { - color: #00695c; + color: #00695C; } .palette-Teal-900.bg { - background-color: #004d40; + background-color: #004D40; } .palette-Teal-900.text { - color: #004d40; + color: #004D40; } .palette-Teal-A100.bg { - background-color: #a7ffeb; + background-color: #A7FFEB; } .palette-Teal-A100.text { - color: #a7ffeb; + color: #A7FFEB; } .palette-Teal-A200.bg { - background-color: #64ffda; + background-color: #64FFDA; } .palette-Teal-A200.text { - color: #64ffda; + color: #64FFDA; } .palette-Teal-A400.bg { - background-color: #1de9b6; + background-color: #1DE9B6; } .palette-Teal-A400.text { - color: #1de9b6; + color: #1DE9B6; } .palette-Teal-A700.bg { - background-color: #00bfa5; + background-color: #00BFA5; } .palette-Teal-A700.text { - color: #00bfa5; + color: #00BFA5; } .palette-Green.bg { - background-color: #259b24; + background-color: #4CAF50; } .palette-Green.text { - color: #259b24; + color: #4CAF50; } .palette-Green-50.bg { - background-color: #d0f8ce; + background-color: #E8F5E9; } .palette-Green-50.text { - color: #d0f8ce; + color: #E8F5E9; } .palette-Green-100.bg { - background-color: #a3e9a4; + background-color: #C8E6C9; } .palette-Green-100.text { - color: #a3e9a4; + color: #C8E6C9; } .palette-Green-200.bg { - background-color: #72d572; + background-color: #A5D6A7; } .palette-Green-200.text { - color: #72d572; + color: #A5D6A7; } .palette-Green-300.bg { - background-color: #42bd41; + background-color: #81C784; } .palette-Green-300.text { - color: #42bd41; + color: #81C784; } .palette-Green-400.bg { - background-color: #2baf2b; + background-color: #66BB6A; } .palette-Green-400.text { - color: #2baf2b; + color: #66BB6A; } .palette-Green-500.bg { - background-color: #259b24; + background-color: #4CAF50; } .palette-Green-500.text { - color: #259b24; + color: #4CAF50; } .palette-Green-600.bg { - background-color: #0a8f08; + background-color: #43A047; } .palette-Green-600.text { - color: #0a8f08; + color: #43A047; } .palette-Green-700.bg { - background-color: #0a7e07; + background-color: #388E3C; } .palette-Green-700.text { - color: #0a7e07; + color: #388E3C; } .palette-Green-800.bg { - background-color: #056f00; + background-color: #2E7D32; } .palette-Green-800.text { - color: #056f00; + color: #2E7D32; } .palette-Green-900.bg { - background-color: #0d5302; + background-color: #1B5E20; } .palette-Green-900.text { - color: #0d5302; + color: #1B5E20; } .palette-Green-A100.bg { - background-color: #a2f78d; + background-color: #B9F6CA; } .palette-Green-A100.text { - color: #a2f78d; + color: #B9F6CA; } .palette-Green-A200.bg { - background-color: #5af158; + background-color: #69F0AE; } .palette-Green-A200.text { - color: #5af158; + color: #69F0AE; } .palette-Green-A400.bg { - background-color: #14e715; + background-color: #00E676; } .palette-Green-A400.text { - color: #14e715; + color: #00E676; } .palette-Green-A700.bg { - background-color: #12c700; + background-color: #00C853; } .palette-Green-A700.text { - color: #12c700; + color: #00C853; } .palette-Light-Green.bg { - background-color: #8bc34a; + background-color: #8BC34A; } .palette-Light-Green.text { - color: #8bc34a; + color: #8BC34A; } .palette-Light-Green-50.bg { - background-color: #f1f8e9; + background-color: #F1F8E9; } .palette-Light-Green-50.text { - color: #f1f8e9; + color: #F1F8E9; } .palette-Light-Green-100.bg { - background-color: #dcedc8; + background-color: #DCEDC8; } .palette-Light-Green-100.text { - color: #dcedc8; + color: #DCEDC8; } .palette-Light-Green-200.bg { - background-color: #c5e1a5; + background-color: #C5E1A5; } .palette-Light-Green-200.text { - color: #c5e1a5; + color: #C5E1A5; } .palette-Light-Green-300.bg { - background-color: #aed581; + background-color: #AED581; } .palette-Light-Green-300.text { - color: #aed581; + color: #AED581; } .palette-Light-Green-400.bg { - background-color: #9ccc65; + background-color: #9CCC65; } .palette-Light-Green-400.text { - color: #9ccc65; + color: #9CCC65; } .palette-Light-Green-500.bg { - background-color: #8bc34a; + background-color: #8BC34A; } .palette-Light-Green-500.text { - color: #8bc34a; + color: #8BC34A; } .palette-Light-Green-600.bg { - background-color: #7cb342; + background-color: #7CB342; } .palette-Light-Green-600.text { - color: #7cb342; + color: #7CB342; } .palette-Light-Green-700.bg { - background-color: #689f38; + background-color: #689F38; } .palette-Light-Green-700.text { - color: #689f38; + color: #689F38; } .palette-Light-Green-800.bg { - background-color: #558b2f; + background-color: #558B2F; } .palette-Light-Green-800.text { - color: #558b2f; + color: #558B2F; } .palette-Light-Green-900.bg { - background-color: #33691e; + background-color: #33691E; } .palette-Light-Green-900.text { - color: #33691e; + color: #33691E; } .palette-Light-Green-A100.bg { - background-color: #ccff90; + background-color: #CCFF90; } .palette-Light-Green-A100.text { - color: #ccff90; + color: #CCFF90; } .palette-Light-Green-A200.bg { - background-color: #b2ff59; + background-color: #B2FF59; } .palette-Light-Green-A200.text { - color: #b2ff59; + color: #B2FF59; } .palette-Light-Green-A400.bg { - background-color: #76ff03; + background-color: #76FF03; } .palette-Light-Green-A400.text { - color: #76ff03; + color: #76FF03; } .palette-Light-Green-A700.bg { - background-color: #64dd17; + background-color: #64DD17; } .palette-Light-Green-A700.text { - color: #64dd17; + color: #64DD17; } .palette-Lime.bg { - background-color: #cddc39; + background-color: #CDDC39; } .palette-Lime.text { - color: #cddc39; + color: #CDDC39; } .palette-Lime-50.bg { - background-color: #f9fbe7; + background-color: #F9FBE7; } .palette-Lime-50.text { - color: #f9fbe7; + color: #F9FBE7; } .palette-Lime-100.bg { - background-color: #f0f4c3; + background-color: #F0F4C3; } .palette-Lime-100.text { - color: #f0f4c3; + color: #F0F4C3; } .palette-Lime-200.bg { - background-color: #e6ee9c; + background-color: #E6EE9C; } .palette-Lime-200.text { - color: #e6ee9c; + color: #E6EE9C; } .palette-Lime-300.bg { - background-color: #dce775; + background-color: #DCE775; } .palette-Lime-300.text { - color: #dce775; + color: #DCE775; } .palette-Lime-400.bg { - background-color: #d4e157; + background-color: #D4E157; } .palette-Lime-400.text { - color: #d4e157; + color: #D4E157; } .palette-Lime-500.bg { - background-color: #cddc39; + background-color: #CDDC39; } .palette-Lime-500.text { - color: #cddc39; + color: #CDDC39; } .palette-Lime-600.bg { - background-color: #c0ca33; + background-color: #C0CA33; } .palette-Lime-600.text { - color: #c0ca33; + color: #C0CA33; } .palette-Lime-700.bg { - background-color: #afb42b; + background-color: #AFB42B; } .palette-Lime-700.text { - color: #afb42b; + color: #AFB42B; } .palette-Lime-800.bg { - background-color: #9e9d24; + background-color: #9E9D24; } .palette-Lime-800.text { - color: #9e9d24; + color: #9E9D24; } .palette-Lime-900.bg { background-color: #827717; @@ -1070,392 +1070,392 @@ color: #827717; } .palette-Lime-A100.bg { - background-color: #f4ff81; + background-color: #F4FF81; } .palette-Lime-A100.text { - color: #f4ff81; + color: #F4FF81; } .palette-Lime-A200.bg { - background-color: #eeff41; + background-color: #EEFF41; } .palette-Lime-A200.text { - color: #eeff41; + color: #EEFF41; } .palette-Lime-A400.bg { - background-color: #c6ff00; + background-color: #C6FF00; } .palette-Lime-A400.text { - color: #c6ff00; + color: #C6FF00; } .palette-Lime-A700.bg { - background-color: #aeea00; + background-color: #AEEA00; } .palette-Lime-A700.text { - color: #aeea00; + color: #AEEA00; } .palette-Yellow.bg { - background-color: #ffeb3b; + background-color: #FFEB3B; } .palette-Yellow.text { - color: #ffeb3b; + color: #FFEB3B; } .palette-Yellow-50.bg { - background-color: #fffde7; + background-color: #FFFDE7; } .palette-Yellow-50.text { - color: #fffde7; + color: #FFFDE7; } .palette-Yellow-100.bg { - background-color: #fff9c4; + background-color: #FFF9C4; } .palette-Yellow-100.text { - color: #fff9c4; + color: #FFF9C4; } .palette-Yellow-200.bg { - background-color: #fff59d; + background-color: #FFF59D; } .palette-Yellow-200.text { - color: #fff59d; + color: #FFF59D; } .palette-Yellow-300.bg { - background-color: #fff176; + background-color: #FFF176; } .palette-Yellow-300.text { - color: #fff176; + color: #FFF176; } .palette-Yellow-400.bg { - background-color: #ffee58; + background-color: #FFEE58; } .palette-Yellow-400.text { - color: #ffee58; + color: #FFEE58; } .palette-Yellow-500.bg { - background-color: #ffeb3b; + background-color: #FFEB3B; } .palette-Yellow-500.text { - color: #ffeb3b; + color: #FFEB3B; } .palette-Yellow-600.bg { - background-color: #fdd835; + background-color: #FDD835; } .palette-Yellow-600.text { - color: #fdd835; + color: #FDD835; } .palette-Yellow-700.bg { - background-color: #fbc02d; + background-color: #FBC02D; } .palette-Yellow-700.text { - color: #fbc02d; + color: #FBC02D; } .palette-Yellow-800.bg { - background-color: #f9a825; + background-color: #F9A825; } .palette-Yellow-800.text { - color: #f9a825; + color: #F9A825; } .palette-Yellow-900.bg { - background-color: #f57f17; + background-color: #F57F17; } .palette-Yellow-900.text { - color: #f57f17; + color: #F57F17; } .palette-Yellow-A100.bg { - background-color: #ffff8d; + background-color: #FFFF8D; } .palette-Yellow-A100.text { - color: #ffff8d; + color: #FFFF8D; } .palette-Yellow-A200.bg { - background-color: #ffff00; + background-color: #FFFF00; } .palette-Yellow-A200.text { - color: #ffff00; + color: #FFFF00; } .palette-Yellow-A400.bg { - background-color: #ffea00; + background-color: #FFEA00; } .palette-Yellow-A400.text { - color: #ffea00; + color: #FFEA00; } .palette-Yellow-A700.bg { - background-color: #ffd600; + background-color: #FFD600; } .palette-Yellow-A700.text { - color: #ffd600; + color: #FFD600; } .palette-Amber.bg { - background-color: #ffc107; + background-color: #FFC107; } .palette-Amber.text { - color: #ffc107; + color: #FFC107; } .palette-Amber-50.bg { - background-color: #fff8e1; + background-color: #FFF8E1; } .palette-Amber-50.text { - color: #fff8e1; + color: #FFF8E1; } .palette-Amber-100.bg { - background-color: #ffecb3; + background-color: #FFECB3; } .palette-Amber-100.text { - color: #ffecb3; + color: #FFECB3; } .palette-Amber-200.bg { - background-color: #ffe082; + background-color: #FFE082; } .palette-Amber-200.text { - color: #ffe082; + color: #FFE082; } .palette-Amber-300.bg { - background-color: #ffd54f; + background-color: #FFD54F; } .palette-Amber-300.text { - color: #ffd54f; + color: #FFD54F; } .palette-Amber-400.bg { - background-color: #ffca28; + background-color: #FFCA28; } .palette-Amber-400.text { - color: #ffca28; + color: #FFCA28; } .palette-Amber-500.bg { - background-color: #ffc107; + background-color: #FFC107; } .palette-Amber-500.text { - color: #ffc107; + color: #FFC107; } .palette-Amber-600.bg { - background-color: #ffb300; + background-color: #FFB300; } .palette-Amber-600.text { - color: #ffb300; + color: #FFB300; } .palette-Amber-700.bg { - background-color: #ffa000; + background-color: #FFA000; } .palette-Amber-700.text { - color: #ffa000; + color: #FFA000; } .palette-Amber-800.bg { - background-color: #ff8f00; + background-color: #FF8F00; } .palette-Amber-800.text { - color: #ff8f00; + color: #FF8F00; } .palette-Amber-900.bg { - background-color: #ff6f00; + background-color: #FF6F00; } .palette-Amber-900.text { - color: #ff6f00; + color: #FF6F00; } .palette-Amber-A100.bg { - background-color: #ffe57f; + background-color: #FFE57F; } .palette-Amber-A100.text { - color: #ffe57f; + color: #FFE57F; } .palette-Amber-A200.bg { - background-color: #ffd740; + background-color: #FFD740; } .palette-Amber-A200.text { - color: #ffd740; + color: #FFD740; } .palette-Amber-A400.bg { - background-color: #ffc400; + background-color: #FFC400; } .palette-Amber-A400.text { - color: #ffc400; + color: #FFC400; } .palette-Amber-A700.bg { - background-color: #ffab00; + background-color: #FFAB00; } .palette-Amber-A700.text { - color: #ffab00; + color: #FFAB00; } .palette-Orange.bg { - background-color: #ff9800; + background-color: #FF9800; } .palette-Orange.text { - color: #ff9800; + color: #FF9800; } .palette-Orange-50.bg { - background-color: #fff3e0; + background-color: #FFF3E0; } .palette-Orange-50.text { - color: #fff3e0; + color: #FFF3E0; } .palette-Orange-100.bg { - background-color: #ffe0b2; + background-color: #FFE0B2; } .palette-Orange-100.text { - color: #ffe0b2; + color: #FFE0B2; } .palette-Orange-200.bg { - background-color: #ffcc80; + background-color: #FFCC80; } .palette-Orange-200.text { - color: #ffcc80; + color: #FFCC80; } .palette-Orange-300.bg { - background-color: #ffb74d; + background-color: #FFB74D; } .palette-Orange-300.text { - color: #ffb74d; + color: #FFB74D; } .palette-Orange-400.bg { - background-color: #ffa726; + background-color: #FFA726; } .palette-Orange-400.text { - color: #ffa726; + color: #FFA726; } .palette-Orange-500.bg { - background-color: #ff9800; + background-color: #FF9800; } .palette-Orange-500.text { - color: #ff9800; + color: #FF9800; } .palette-Orange-600.bg { - background-color: #fb8c00; + background-color: #FB8C00; } .palette-Orange-600.text { - color: #fb8c00; + color: #FB8C00; } .palette-Orange-700.bg { - background-color: #f57c00; + background-color: #F57C00; } .palette-Orange-700.text { - color: #f57c00; + color: #F57C00; } .palette-Orange-800.bg { - background-color: #ef6c00; + background-color: #EF6C00; } .palette-Orange-800.text { - color: #ef6c00; + color: #EF6C00; } .palette-Orange-900.bg { - background-color: #e65100; + background-color: #E65100; } .palette-Orange-900.text { - color: #e65100; + color: #E65100; } .palette-Orange-A100.bg { - background-color: #ffd180; + background-color: #FFD180; } .palette-Orange-A100.text { - color: #ffd180; + color: #FFD180; } .palette-Orange-A200.bg { - background-color: #ffab40; + background-color: #FFAB40; } .palette-Orange-A200.text { - color: #ffab40; + color: #FFAB40; } .palette-Orange-A400.bg { - background-color: #ff9100; + background-color: #FF9100; } .palette-Orange-A400.text { - color: #ff9100; + color: #FF9100; } .palette-Orange-A700.bg { - background-color: #ff6d00; + background-color: #FF6D00; } .palette-Orange-A700.text { - color: #ff6d00; + color: #FF6D00; } .palette-Deep-Orange.bg { - background-color: #ff5722; + background-color: #FF5722; } .palette-Deep-Orange.text { - color: #ff5722; + color: #FF5722; } .palette-Deep-Orange-50.bg { - background-color: #fbe9e7; + background-color: #FBE9E7; } .palette-Deep-Orange-50.text { - color: #fbe9e7; + color: #FBE9E7; } .palette-Deep-Orange-100.bg { - background-color: #ffccbc; + background-color: #FFCCBC; } .palette-Deep-Orange-100.text { - color: #ffccbc; + color: #FFCCBC; } .palette-Deep-Orange-200.bg { - background-color: #ffab91; + background-color: #FFAB91; } .palette-Deep-Orange-200.text { - color: #ffab91; + color: #FFAB91; } .palette-Deep-Orange-300.bg { - background-color: #ff8a65; + background-color: #FF8A65; } .palette-Deep-Orange-300.text { - color: #ff8a65; + color: #FF8A65; } .palette-Deep-Orange-400.bg { - background-color: #ff7043; + background-color: #FF7043; } .palette-Deep-Orange-400.text { - color: #ff7043; + color: #FF7043; } .palette-Deep-Orange-500.bg { - background-color: #ff5722; + background-color: #FF5722; } .palette-Deep-Orange-500.text { - color: #ff5722; + color: #FF5722; } .palette-Deep-Orange-600.bg { - background-color: #f4511e; + background-color: #F4511E; } .palette-Deep-Orange-600.text { - color: #f4511e; + color: #F4511E; } .palette-Deep-Orange-700.bg { - background-color: #e64a19; + background-color: #E64A19; } .palette-Deep-Orange-700.text { - color: #e64a19; + color: #E64A19; } .palette-Deep-Orange-800.bg { - background-color: #d84315; + background-color: #D84315; } .palette-Deep-Orange-800.text { - color: #d84315; + color: #D84315; } .palette-Deep-Orange-900.bg { - background-color: #bf360c; + background-color: #BF360C; } .palette-Deep-Orange-900.text { - color: #bf360c; + color: #BF360C; } .palette-Deep-Orange-A100.bg { - background-color: #ff9e80; + background-color: #FF9E80; } .palette-Deep-Orange-A100.text { - color: #ff9e80; + color: #FF9E80; } .palette-Deep-Orange-A200.bg { - background-color: #ff6e40; + background-color: #FF6E40; } .palette-Deep-Orange-A200.text { - color: #ff6e40; + color: #FF6E40; } .palette-Deep-Orange-A400.bg { - background-color: #ff3d00; + background-color: #FF3D00; } .palette-Deep-Orange-A400.text { - color: #ff3d00; + color: #FF3D00; } .palette-Deep-Orange-A700.bg { - background-color: #dd2c00; + background-color: #DD2C00; } .palette-Deep-Orange-A700.text { - color: #dd2c00; + color: #DD2C00; } .palette-Brown.bg { @@ -1465,34 +1465,34 @@ color: #795548; } .palette-Brown-50.bg { - background-color: #efebe9; + background-color: #EFEBE9; } .palette-Brown-50.text { - color: #efebe9; + color: #EFEBE9; } .palette-Brown-100.bg { - background-color: #d7ccc8; + background-color: #D7CCC8; } .palette-Brown-100.text { - color: #d7ccc8; + color: #D7CCC8; } .palette-Brown-200.bg { - background-color: #bcaaa4; + background-color: #BCAAA4; } .palette-Brown-200.text { - color: #bcaaa4; + color: #BCAAA4; } .palette-Brown-300.bg { - background-color: #a1887f; + background-color: #A1887F; } .palette-Brown-300.text { - color: #a1887f; + color: #A1887F; } .palette-Brown-400.bg { - background-color: #8d6e63; + background-color: #8D6E63; } .palette-Brown-400.text { - color: #8d6e63; + color: #8D6E63; } .palette-Brown-500.bg { background-color: #795548; @@ -1501,71 +1501,71 @@ color: #795548; } .palette-Brown-600.bg { - background-color: #6d4c41; + background-color: #6D4C41; } .palette-Brown-600.text { - color: #6d4c41; + color: #6D4C41; } .palette-Brown-700.bg { - background-color: #5d4037; + background-color: #5D4037; } .palette-Brown-700.text { - color: #5d4037; + color: #5D4037; } .palette-Brown-800.bg { - background-color: #4e342e; + background-color: #4E342E; } .palette-Brown-800.text { - color: #4e342e; + color: #4E342E; } .palette-Brown-900.bg { - background-color: #3e2723; + background-color: #3E2723; } .palette-Brown-900.text { - color: #3e2723; + color: #3E2723; } .palette-Grey.bg { - background-color: #9e9e9e; + background-color: #9E9E9E; } .palette-Grey.text { - color: #9e9e9e; + color: #9E9E9E; } .palette-Grey-50.bg { - background-color: #fafafa; + background-color: #FAFAFA; } .palette-Grey-50.text { - color: #fafafa; + color: #FAFAFA; } .palette-Grey-100.bg { - background-color: #f5f5f5; + background-color: #F5F5F5; } .palette-Grey-100.text { - color: #f5f5f5; + color: #F5F5F5; } .palette-Grey-200.bg { - background-color: #eeeeee; + background-color: #EEEEEE; } .palette-Grey-200.text { - color: #eeeeee; + color: #EEEEEE; } .palette-Grey-300.bg { - background-color: #e0e0e0; + background-color: #E0E0E0; } .palette-Grey-300.text { - color: #e0e0e0; + color: #E0E0E0; } .palette-Grey-400.bg { - background-color: #bdbdbd; + background-color: #BDBDBD; } .palette-Grey-400.text { - color: #bdbdbd; + color: #BDBDBD; } .palette-Grey-500.bg { - background-color: #9e9e9e; + background-color: #9E9E9E; } .palette-Grey-500.text { - color: #9e9e9e; + color: #9E9E9E; } .palette-Grey-600.bg { background-color: #757575; @@ -1593,64 +1593,64 @@ } .palette-Blue-Grey.bg { - background-color: #607d8b; + background-color: #607D8B; } .palette-Blue-Grey.text { - color: #607d8b; + color: #607D8B; } .palette-Blue-Grey-50.bg { - background-color: #eceff1; + background-color: #ECEFF1; } .palette-Blue-Grey-50.text { - color: #eceff1; + color: #ECEFF1; } .palette-Blue-Grey-100.bg { - background-color: #cfd8dc; + background-color: #CFD8DC; } .palette-Blue-Grey-100.text { - color: #cfd8dc; + color: #CFD8DC; } .palette-Blue-Grey-200.bg { - background-color: #b0bec5; + background-color: #B0BEC5; } .palette-Blue-Grey-200.text { - color: #b0bec5; + color: #B0BEC5; } .palette-Blue-Grey-300.bg { - background-color: #90a4ae; + background-color: #90A4AE; } .palette-Blue-Grey-300.text { - color: #90a4ae; + color: #90A4AE; } .palette-Blue-Grey-400.bg { - background-color: #78909c; + background-color: #78909C; } .palette-Blue-Grey-400.text { - color: #78909c; + color: #78909C; } .palette-Blue-Grey-500.bg { - background-color: #607d8b; + background-color: #607D8B; } .palette-Blue-Grey-500.text { - color: #607d8b; + color: #607D8B; } .palette-Blue-Grey-600.bg { - background-color: #546e7a; + background-color: #546E7A; } .palette-Blue-Grey-600.text { - color: #546e7a; + color: #546E7A; } .palette-Blue-Grey-700.bg { - background-color: #455a64; + background-color: #455A64; } .palette-Blue-Grey-700.text { - color: #455a64; + color: #455A64; } .palette-Blue-Grey-800.bg { - background-color: #37474f; + background-color: #37474F; } .palette-Blue-Grey-800.text { - color: #37474f; + color: #37474F; } .palette-Blue-Grey-900.bg { background-color: #263238; diff --git a/dist/palette.js b/dist/palette.js index bb912c8..fb8a060 100644 --- a/dist/palette.js +++ b/dist/palette.js @@ -1,5 +1,5 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ (function(root, factory) { @@ -14,297 +14,297 @@ return { palette: { 'Red': { - '50': '#fde0dc', - '100': '#f9bdbb', - '200': '#f69988', - '300': '#f36c60', - '400': '#e84e40', - '500': '#e51c23', - '600': '#dd191d', - '700': '#d01716', - '800': '#c41411', - '900': '#b0120a', - 'A100': '#ff7997', - 'A200': '#ff5177', - 'A400': '#ff2d6f', - 'A700': '#e00032', + '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', + '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', + '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', + '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', + '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', + '900': '#1A237E', + 'A100': '#8C9EFF', + 'A200': '#536DFE', + 'A400': '#3D5AFE', + 'A700': '#304FFE', }, 'Blue': { - '50': '#e7e9fd', - '100': '#d0d9ff', - '200': '#afbfff', - '300': '#91a7ff', - '400': '#738ffe', - '500': '#5677fc', - '600': '#4e6cef', - '700': '#455ede', - '800': '#3b50ce', - '900': '#2a36b1', - 'A100': '#a6baff', - 'A200': '#6889ff', - 'A400': '#4d73ff', - 'A700': '#4d69ff', + '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', + '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', + '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', + 'A100': '#84FFFF', + 'A200': '#18FFFF', + 'A400': '#00E5FF', + 'A700': '#00B8D4', }, 'Teal': { - '50': '#e0f2f1', - '100': '#b2dfdb', - '200': '#80cbc4', - '300': '#4db6ac', - '400': '#26a69a', + '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', + '600': '#00897B', + '700': '#00796B', + '800': '#00695C', + '900': '#004D40', + 'A100': '#A7FFEB', + 'A200': '#64FFDA', + 'A400': '#1DE9B6', + 'A700': '#00BFA5', }, 'Green': { - '50': '#d0f8ce', - '100': '#a3e9a4', - '200': '#72d572', - '300': '#42bd41', - '400': '#2baf2b', - '500': '#259b24', - '600': '#0a8f08', - '700': '#0a7e07', - '800': '#056f00', - '900': '#0d5302', - 'A100': '#a2f78d', - 'A200': '#5af158', - 'A400': '#14e715', - 'A700': '#12c700', + '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', + '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', + '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', + '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', + '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', + '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', + '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', + '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', + '50': '#EFEBE9', + '100': '#D7CCC8', + '200': '#BCAAA4', + '300': '#A1887F', + '400': '#8D6E63', '500': '#795548', - '600': '#6d4c41', - '700': '#5d4037', - '800': '#4e342e', - '900': '#3e2723', + '600': '#6D4C41', + '700': '#5D4037', + '800': '#4E342E', + '900': '#3E2723', }, 'Grey': { - '50': '#fafafa', - '100': '#f5f5f5', - '200': '#eeeeee', - '300': '#e0e0e0', - '400': '#bdbdbd', - '500': '#9e9e9e', + '50': '#FAFAFA', + '100': '#F5F5F5', + '200': '#EEEEEE', + '300': '#E0E0E0', + '400': '#BDBDBD', + '500': '#9E9E9E', '600': '#757575', '700': '#616161', '800': '#424242', @@ -312,15 +312,15 @@ }, 'Blue Grey': { - '50': '#eceff1', - '100': '#cfd8dc', - '200': '#b0bec5', - '300': '#90a4ae', - '400': '#78909c', - '500': '#607d8b', - '600': '#546e7a', - '700': '#455a64', - '800': '#37474f', + '50': '#ECEFF1', + '100': '#CFD8DC', + '200': '#B0BEC5', + '300': '#90A4AE', + '400': '#78909C', + '500': '#607D8B', + '600': '#546E7A', + '700': '#455A64', + '800': '#37474F', '900': '#263238', }, diff --git a/dist/palette.less b/dist/palette.less index 2813096..30c568f 100644 --- a/dist/palette.less +++ b/dist/palette.less @@ -1,260 +1,260 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ -@palette-Red-50: #fde0dc; -@palette-Red-100: #f9bdbb; -@palette-Red-200: #f69988; -@palette-Red-300: #f36c60; -@palette-Red-400: #e84e40; -@palette-Red-500: #e51c23; -@palette-Red-600: #dd191d; -@palette-Red-700: #d01716; -@palette-Red-800: #c41411; -@palette-Red-900: #b0120a; -@palette-Red-A100: #ff7997; -@palette-Red-A200: #ff5177; -@palette-Red-A400: #ff2d6f; -@palette-Red-A700: #e00032; -@palette-Pink-50: #fce4ec; -@palette-Pink-100: #f8bbd0; -@palette-Pink-200: #f48fb1; -@palette-Pink-300: #f06292; -@palette-Pink-400: #ec407a; -@palette-Pink-500: #e91e63; -@palette-Pink-600: #d81b60; -@palette-Pink-700: #c2185b; -@palette-Pink-800: #ad1457; -@palette-Pink-900: #880e4f; -@palette-Pink-A100: #ff80ab; -@palette-Pink-A200: #ff4081; -@palette-Pink-A400: #f50057; -@palette-Pink-A700: #c51162; -@palette-Purple-50: #f3e5f5; -@palette-Purple-100: #e1bee7; -@palette-Purple-200: #ce93d8; -@palette-Purple-300: #ba68c8; -@palette-Purple-400: #ab47bc; -@palette-Purple-500: #9c27b0; -@palette-Purple-600: #8e24aa; -@palette-Purple-700: #7b1fa2; -@palette-Purple-800: #6a1b9a; -@palette-Purple-900: #4a148c; -@palette-Purple-A100: #ea80fc; -@palette-Purple-A200: #e040fb; -@palette-Purple-A400: #d500f9; -@palette-Purple-A700: #aa00ff; -@palette-Deep-Purple-50: #ede7f6; -@palette-Deep-Purple-100: #d1c4e9; -@palette-Deep-Purple-200: #b39ddb; -@palette-Deep-Purple-300: #9575cd; -@palette-Deep-Purple-400: #7e57c2; -@palette-Deep-Purple-500: #673ab7; -@palette-Deep-Purple-600: #5e35b1; -@palette-Deep-Purple-700: #512da8; -@palette-Deep-Purple-800: #4527a0; -@palette-Deep-Purple-900: #311b92; -@palette-Deep-Purple-A100: #b388ff; -@palette-Deep-Purple-A200: #7c4dff; -@palette-Deep-Purple-A400: #651fff; -@palette-Deep-Purple-A700: #6200ea; -@palette-Indigo-50: #e8eaf6; -@palette-Indigo-100: #c5cae9; -@palette-Indigo-200: #9fa8da; -@palette-Indigo-300: #7986cb; -@palette-Indigo-400: #5c6bc0; -@palette-Indigo-500: #3f51b5; -@palette-Indigo-600: #3949ab; -@palette-Indigo-700: #303f9f; +@palette-Red-50: #FFEBEE; +@palette-Red-100: #FFCDD2; +@palette-Red-200: #EF9A9A; +@palette-Red-300: #E57373; +@palette-Red-400: #EF5350; +@palette-Red-500: #F44336; +@palette-Red-600: #E53935; +@palette-Red-700: #D32F2F; +@palette-Red-800: #C62828; +@palette-Red-900: #B71C1C; +@palette-Red-A100: #FF8A80; +@palette-Red-A200: #FF5252; +@palette-Red-A400: #FF1744; +@palette-Red-A700: #D50000; +@palette-Pink-50: #FCE4EC; +@palette-Pink-100: #F8BBD0; +@palette-Pink-200: #F48FB1; +@palette-Pink-300: #F06292; +@palette-Pink-400: #EC407A; +@palette-Pink-500: #E91E63; +@palette-Pink-600: #D81B60; +@palette-Pink-700: #C2185B; +@palette-Pink-800: #AD1457; +@palette-Pink-900: #880E4F; +@palette-Pink-A100: #FF80AB; +@palette-Pink-A200: #FF4081; +@palette-Pink-A400: #F50057; +@palette-Pink-A700: #C51162; +@palette-Purple-50: #F3E5F5; +@palette-Purple-100: #E1BEE7; +@palette-Purple-200: #CE93D8; +@palette-Purple-300: #BA68C8; +@palette-Purple-400: #AB47BC; +@palette-Purple-500: #9C27B0; +@palette-Purple-600: #8E24AA; +@palette-Purple-700: #7B1FA2; +@palette-Purple-800: #6A1B9A; +@palette-Purple-900: #4A148C; +@palette-Purple-A100: #EA80FC; +@palette-Purple-A200: #E040FB; +@palette-Purple-A400: #D500F9; +@palette-Purple-A700: #AA00FF; +@palette-Deep-Purple-50: #EDE7F6; +@palette-Deep-Purple-100: #D1C4E9; +@palette-Deep-Purple-200: #B39DDB; +@palette-Deep-Purple-300: #9575CD; +@palette-Deep-Purple-400: #7E57C2; +@palette-Deep-Purple-500: #673AB7; +@palette-Deep-Purple-600: #5E35B1; +@palette-Deep-Purple-700: #512DA8; +@palette-Deep-Purple-800: #4527A0; +@palette-Deep-Purple-900: #311B92; +@palette-Deep-Purple-A100: #B388FF; +@palette-Deep-Purple-A200: #7C4DFF; +@palette-Deep-Purple-A400: #651FFF; +@palette-Deep-Purple-A700: #6200EA; +@palette-Indigo-50: #E8EAF6; +@palette-Indigo-100: #C5CAE9; +@palette-Indigo-200: #9FA8DA; +@palette-Indigo-300: #7986CB; +@palette-Indigo-400: #5C6BC0; +@palette-Indigo-500: #3F51B5; +@palette-Indigo-600: #3949AB; +@palette-Indigo-700: #303F9F; @palette-Indigo-800: #283593; -@palette-Indigo-900: #1a237e; -@palette-Indigo-A100: #8c9eff; -@palette-Indigo-A200: #536dfe; -@palette-Indigo-A400: #3d5afe; -@palette-Indigo-A700: #304ffe; -@palette-Blue-50: #e7e9fd; -@palette-Blue-100: #d0d9ff; -@palette-Blue-200: #afbfff; -@palette-Blue-300: #91a7ff; -@palette-Blue-400: #738ffe; -@palette-Blue-500: #5677fc; -@palette-Blue-600: #4e6cef; -@palette-Blue-700: #455ede; -@palette-Blue-800: #3b50ce; -@palette-Blue-900: #2a36b1; -@palette-Blue-A100: #a6baff; -@palette-Blue-A200: #6889ff; -@palette-Blue-A400: #4d73ff; -@palette-Blue-A700: #4d69ff; -@palette-Light-Blue-50: #e1f5fe; -@palette-Light-Blue-100: #b3e5fc; -@palette-Light-Blue-200: #81d4fa; -@palette-Light-Blue-300: #4fc3f7; -@palette-Light-Blue-400: #29b6f6; -@palette-Light-Blue-500: #03a9f4; -@palette-Light-Blue-600: #039be5; -@palette-Light-Blue-700: #0288d1; -@palette-Light-Blue-800: #0277bd; -@palette-Light-Blue-900: #01579b; -@palette-Light-Blue-A100: #80d8ff; -@palette-Light-Blue-A200: #40c4ff; -@palette-Light-Blue-A400: #00b0ff; -@palette-Light-Blue-A700: #0091ea; -@palette-Cyan-50: #e0f7fa; -@palette-Cyan-100: #b2ebf2; -@palette-Cyan-200: #80deea; -@palette-Cyan-300: #4dd0e1; -@palette-Cyan-400: #26c6da; -@palette-Cyan-500: #00bcd4; -@palette-Cyan-600: #00acc1; -@palette-Cyan-700: #0097a7; -@palette-Cyan-800: #00838f; +@palette-Indigo-900: #1A237E; +@palette-Indigo-A100: #8C9EFF; +@palette-Indigo-A200: #536DFE; +@palette-Indigo-A400: #3D5AFE; +@palette-Indigo-A700: #304FFE; +@palette-Blue-50: #E3F2FD; +@palette-Blue-100: #BBDEFB; +@palette-Blue-200: #90CAF9; +@palette-Blue-300: #64B5F6; +@palette-Blue-400: #42A5F5; +@palette-Blue-500: #2196F3; +@palette-Blue-600: #1E88E5; +@palette-Blue-700: #1976D2; +@palette-Blue-800: #1565C0; +@palette-Blue-900: #0D47A1; +@palette-Blue-A100: #82B1FF; +@palette-Blue-A200: #448AFF; +@palette-Blue-A400: #2979FF; +@palette-Blue-A700: #2962FF; +@palette-Light-Blue-50: #E1F5FE; +@palette-Light-Blue-100: #B3E5FC; +@palette-Light-Blue-200: #81D4FA; +@palette-Light-Blue-300: #4FC3F7; +@palette-Light-Blue-400: #29B6F6; +@palette-Light-Blue-500: #03A9F4; +@palette-Light-Blue-600: #039BE5; +@palette-Light-Blue-700: #0288D1; +@palette-Light-Blue-800: #0277BD; +@palette-Light-Blue-900: #01579B; +@palette-Light-Blue-A100: #80D8FF; +@palette-Light-Blue-A200: #40C4FF; +@palette-Light-Blue-A400: #00B0FF; +@palette-Light-Blue-A700: #0091EA; +@palette-Cyan-50: #E0F7FA; +@palette-Cyan-100: #B2EBF2; +@palette-Cyan-200: #80DEEA; +@palette-Cyan-300: #4DD0E1; +@palette-Cyan-400: #26C6DA; +@palette-Cyan-500: #00BCD4; +@palette-Cyan-600: #00ACC1; +@palette-Cyan-700: #0097A7; +@palette-Cyan-800: #00838F; @palette-Cyan-900: #006064; -@palette-Cyan-A100: #84ffff; -@palette-Cyan-A200: #18ffff; -@palette-Cyan-A400: #00e5ff; -@palette-Cyan-A700: #00b8d4; -@palette-Teal-50: #e0f2f1; -@palette-Teal-100: #b2dfdb; -@palette-Teal-200: #80cbc4; -@palette-Teal-300: #4db6ac; -@palette-Teal-400: #26a69a; +@palette-Cyan-A100: #84FFFF; +@palette-Cyan-A200: #18FFFF; +@palette-Cyan-A400: #00E5FF; +@palette-Cyan-A700: #00B8D4; +@palette-Teal-50: #E0F2F1; +@palette-Teal-100: #B2DFDB; +@palette-Teal-200: #80CBC4; +@palette-Teal-300: #4DB6AC; +@palette-Teal-400: #26A69A; @palette-Teal-500: #009688; -@palette-Teal-600: #00897b; -@palette-Teal-700: #00796b; -@palette-Teal-800: #00695c; -@palette-Teal-900: #004d40; -@palette-Teal-A100: #a7ffeb; -@palette-Teal-A200: #64ffda; -@palette-Teal-A400: #1de9b6; -@palette-Teal-A700: #00bfa5; -@palette-Green-50: #d0f8ce; -@palette-Green-100: #a3e9a4; -@palette-Green-200: #72d572; -@palette-Green-300: #42bd41; -@palette-Green-400: #2baf2b; -@palette-Green-500: #259b24; -@palette-Green-600: #0a8f08; -@palette-Green-700: #0a7e07; -@palette-Green-800: #056f00; -@palette-Green-900: #0d5302; -@palette-Green-A100: #a2f78d; -@palette-Green-A200: #5af158; -@palette-Green-A400: #14e715; -@palette-Green-A700: #12c700; -@palette-Light-Green-50: #f1f8e9; -@palette-Light-Green-100: #dcedc8; -@palette-Light-Green-200: #c5e1a5; -@palette-Light-Green-300: #aed581; -@palette-Light-Green-400: #9ccc65; -@palette-Light-Green-500: #8bc34a; -@palette-Light-Green-600: #7cb342; -@palette-Light-Green-700: #689f38; -@palette-Light-Green-800: #558b2f; -@palette-Light-Green-900: #33691e; -@palette-Light-Green-A100: #ccff90; -@palette-Light-Green-A200: #b2ff59; -@palette-Light-Green-A400: #76ff03; -@palette-Light-Green-A700: #64dd17; -@palette-Lime-50: #f9fbe7; -@palette-Lime-100: #f0f4c3; -@palette-Lime-200: #e6ee9c; -@palette-Lime-300: #dce775; -@palette-Lime-400: #d4e157; -@palette-Lime-500: #cddc39; -@palette-Lime-600: #c0ca33; -@palette-Lime-700: #afb42b; -@palette-Lime-800: #9e9d24; +@palette-Teal-600: #00897B; +@palette-Teal-700: #00796B; +@palette-Teal-800: #00695C; +@palette-Teal-900: #004D40; +@palette-Teal-A100: #A7FFEB; +@palette-Teal-A200: #64FFDA; +@palette-Teal-A400: #1DE9B6; +@palette-Teal-A700: #00BFA5; +@palette-Green-50: #E8F5E9; +@palette-Green-100: #C8E6C9; +@palette-Green-200: #A5D6A7; +@palette-Green-300: #81C784; +@palette-Green-400: #66BB6A; +@palette-Green-500: #4CAF50; +@palette-Green-600: #43A047; +@palette-Green-700: #388E3C; +@palette-Green-800: #2E7D32; +@palette-Green-900: #1B5E20; +@palette-Green-A100: #B9F6CA; +@palette-Green-A200: #69F0AE; +@palette-Green-A400: #00E676; +@palette-Green-A700: #00C853; +@palette-Light-Green-50: #F1F8E9; +@palette-Light-Green-100: #DCEDC8; +@palette-Light-Green-200: #C5E1A5; +@palette-Light-Green-300: #AED581; +@palette-Light-Green-400: #9CCC65; +@palette-Light-Green-500: #8BC34A; +@palette-Light-Green-600: #7CB342; +@palette-Light-Green-700: #689F38; +@palette-Light-Green-800: #558B2F; +@palette-Light-Green-900: #33691E; +@palette-Light-Green-A100: #CCFF90; +@palette-Light-Green-A200: #B2FF59; +@palette-Light-Green-A400: #76FF03; +@palette-Light-Green-A700: #64DD17; +@palette-Lime-50: #F9FBE7; +@palette-Lime-100: #F0F4C3; +@palette-Lime-200: #E6EE9C; +@palette-Lime-300: #DCE775; +@palette-Lime-400: #D4E157; +@palette-Lime-500: #CDDC39; +@palette-Lime-600: #C0CA33; +@palette-Lime-700: #AFB42B; +@palette-Lime-800: #9E9D24; @palette-Lime-900: #827717; -@palette-Lime-A100: #f4ff81; -@palette-Lime-A200: #eeff41; -@palette-Lime-A400: #c6ff00; -@palette-Lime-A700: #aeea00; -@palette-Yellow-50: #fffde7; -@palette-Yellow-100: #fff9c4; -@palette-Yellow-200: #fff59d; -@palette-Yellow-300: #fff176; -@palette-Yellow-400: #ffee58; -@palette-Yellow-500: #ffeb3b; -@palette-Yellow-600: #fdd835; -@palette-Yellow-700: #fbc02d; -@palette-Yellow-800: #f9a825; -@palette-Yellow-900: #f57f17; -@palette-Yellow-A100: #ffff8d; -@palette-Yellow-A200: #ffff00; -@palette-Yellow-A400: #ffea00; -@palette-Yellow-A700: #ffd600; -@palette-Amber-50: #fff8e1; -@palette-Amber-100: #ffecb3; -@palette-Amber-200: #ffe082; -@palette-Amber-300: #ffd54f; -@palette-Amber-400: #ffca28; -@palette-Amber-500: #ffc107; -@palette-Amber-600: #ffb300; -@palette-Amber-700: #ffa000; -@palette-Amber-800: #ff8f00; -@palette-Amber-900: #ff6f00; -@palette-Amber-A100: #ffe57f; -@palette-Amber-A200: #ffd740; -@palette-Amber-A400: #ffc400; -@palette-Amber-A700: #ffab00; -@palette-Orange-50: #fff3e0; -@palette-Orange-100: #ffe0b2; -@palette-Orange-200: #ffcc80; -@palette-Orange-300: #ffb74d; -@palette-Orange-400: #ffa726; -@palette-Orange-500: #ff9800; -@palette-Orange-600: #fb8c00; -@palette-Orange-700: #f57c00; -@palette-Orange-800: #ef6c00; -@palette-Orange-900: #e65100; -@palette-Orange-A100: #ffd180; -@palette-Orange-A200: #ffab40; -@palette-Orange-A400: #ff9100; -@palette-Orange-A700: #ff6d00; -@palette-Deep-Orange-50: #fbe9e7; -@palette-Deep-Orange-100: #ffccbc; -@palette-Deep-Orange-200: #ffab91; -@palette-Deep-Orange-300: #ff8a65; -@palette-Deep-Orange-400: #ff7043; -@palette-Deep-Orange-500: #ff5722; -@palette-Deep-Orange-600: #f4511e; -@palette-Deep-Orange-700: #e64a19; -@palette-Deep-Orange-800: #d84315; -@palette-Deep-Orange-900: #bf360c; -@palette-Deep-Orange-A100: #ff9e80; -@palette-Deep-Orange-A200: #ff6e40; -@palette-Deep-Orange-A400: #ff3d00; -@palette-Deep-Orange-A700: #dd2c00; -@palette-Brown-50: #efebe9; -@palette-Brown-100: #d7ccc8; -@palette-Brown-200: #bcaaa4; -@palette-Brown-300: #a1887f; -@palette-Brown-400: #8d6e63; +@palette-Lime-A100: #F4FF81; +@palette-Lime-A200: #EEFF41; +@palette-Lime-A400: #C6FF00; +@palette-Lime-A700: #AEEA00; +@palette-Yellow-50: #FFFDE7; +@palette-Yellow-100: #FFF9C4; +@palette-Yellow-200: #FFF59D; +@palette-Yellow-300: #FFF176; +@palette-Yellow-400: #FFEE58; +@palette-Yellow-500: #FFEB3B; +@palette-Yellow-600: #FDD835; +@palette-Yellow-700: #FBC02D; +@palette-Yellow-800: #F9A825; +@palette-Yellow-900: #F57F17; +@palette-Yellow-A100: #FFFF8D; +@palette-Yellow-A200: #FFFF00; +@palette-Yellow-A400: #FFEA00; +@palette-Yellow-A700: #FFD600; +@palette-Amber-50: #FFF8E1; +@palette-Amber-100: #FFECB3; +@palette-Amber-200: #FFE082; +@palette-Amber-300: #FFD54F; +@palette-Amber-400: #FFCA28; +@palette-Amber-500: #FFC107; +@palette-Amber-600: #FFB300; +@palette-Amber-700: #FFA000; +@palette-Amber-800: #FF8F00; +@palette-Amber-900: #FF6F00; +@palette-Amber-A100: #FFE57F; +@palette-Amber-A200: #FFD740; +@palette-Amber-A400: #FFC400; +@palette-Amber-A700: #FFAB00; +@palette-Orange-50: #FFF3E0; +@palette-Orange-100: #FFE0B2; +@palette-Orange-200: #FFCC80; +@palette-Orange-300: #FFB74D; +@palette-Orange-400: #FFA726; +@palette-Orange-500: #FF9800; +@palette-Orange-600: #FB8C00; +@palette-Orange-700: #F57C00; +@palette-Orange-800: #EF6C00; +@palette-Orange-900: #E65100; +@palette-Orange-A100: #FFD180; +@palette-Orange-A200: #FFAB40; +@palette-Orange-A400: #FF9100; +@palette-Orange-A700: #FF6D00; +@palette-Deep-Orange-50: #FBE9E7; +@palette-Deep-Orange-100: #FFCCBC; +@palette-Deep-Orange-200: #FFAB91; +@palette-Deep-Orange-300: #FF8A65; +@palette-Deep-Orange-400: #FF7043; +@palette-Deep-Orange-500: #FF5722; +@palette-Deep-Orange-600: #F4511E; +@palette-Deep-Orange-700: #E64A19; +@palette-Deep-Orange-800: #D84315; +@palette-Deep-Orange-900: #BF360C; +@palette-Deep-Orange-A100: #FF9E80; +@palette-Deep-Orange-A200: #FF6E40; +@palette-Deep-Orange-A400: #FF3D00; +@palette-Deep-Orange-A700: #DD2C00; +@palette-Brown-50: #EFEBE9; +@palette-Brown-100: #D7CCC8; +@palette-Brown-200: #BCAAA4; +@palette-Brown-300: #A1887F; +@palette-Brown-400: #8D6E63; @palette-Brown-500: #795548; -@palette-Brown-600: #6d4c41; -@palette-Brown-700: #5d4037; -@palette-Brown-800: #4e342e; -@palette-Brown-900: #3e2723; -@palette-Grey-50: #fafafa; -@palette-Grey-100: #f5f5f5; -@palette-Grey-200: #eeeeee; -@palette-Grey-300: #e0e0e0; -@palette-Grey-400: #bdbdbd; -@palette-Grey-500: #9e9e9e; +@palette-Brown-600: #6D4C41; +@palette-Brown-700: #5D4037; +@palette-Brown-800: #4E342E; +@palette-Brown-900: #3E2723; +@palette-Grey-50: #FAFAFA; +@palette-Grey-100: #F5F5F5; +@palette-Grey-200: #EEEEEE; +@palette-Grey-300: #E0E0E0; +@palette-Grey-400: #BDBDBD; +@palette-Grey-500: #9E9E9E; @palette-Grey-600: #757575; @palette-Grey-700: #616161; @palette-Grey-800: #424242; @palette-Grey-900: #212121; -@palette-Blue-Grey-50: #eceff1; -@palette-Blue-Grey-100: #cfd8dc; -@palette-Blue-Grey-200: #b0bec5; -@palette-Blue-Grey-300: #90a4ae; -@palette-Blue-Grey-400: #78909c; -@palette-Blue-Grey-500: #607d8b; -@palette-Blue-Grey-600: #546e7a; -@palette-Blue-Grey-700: #455a64; -@palette-Blue-Grey-800: #37474f; +@palette-Blue-Grey-50: #ECEFF1; +@palette-Blue-Grey-100: #CFD8DC; +@palette-Blue-Grey-200: #B0BEC5; +@palette-Blue-Grey-300: #90A4AE; +@palette-Blue-Grey-400: #78909C; +@palette-Blue-Grey-500: #607D8B; +@palette-Blue-Grey-600: #546E7A; +@palette-Blue-Grey-700: #455A64; +@palette-Blue-Grey-800: #37474F; @palette-Blue-Grey-900: #263238; @palette-Black-500: #000000; @palette-Black-Text: rgba(0,0,0,0.87); diff --git a/dist/palette.scss b/dist/palette.scss index f8ee637..6eaf365 100644 --- a/dist/palette.scss +++ b/dist/palette.scss @@ -1,298 +1,298 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ $palette: ( Red: ( - 50: #fde0dc, - 100: #f9bdbb, - 200: #f69988, - 300: #f36c60, - 400: #e84e40, - 500: #e51c23, - 600: #dd191d, - 700: #d01716, - 800: #c41411, - 900: #b0120a, - A100: #ff7997, - A200: #ff5177, - A400: #ff2d6f, - A700: #e00032, + 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, + 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, + 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, + 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, + 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, + 900: #1A237E, + A100: #8C9EFF, + A200: #536DFE, + A400: #3D5AFE, + A700: #304FFE, ), Blue: ( - 50: #e7e9fd, - 100: #d0d9ff, - 200: #afbfff, - 300: #91a7ff, - 400: #738ffe, - 500: #5677fc, - 600: #4e6cef, - 700: #455ede, - 800: #3b50ce, - 900: #2a36b1, - A100: #a6baff, - A200: #6889ff, - A400: #4d73ff, - A700: #4d69ff, + 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, + 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, + 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, + A100: #84FFFF, + A200: #18FFFF, + A400: #00E5FF, + A700: #00B8D4, ), Teal: ( - 50: #e0f2f1, - 100: #b2dfdb, - 200: #80cbc4, - 300: #4db6ac, - 400: #26a69a, + 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, + 600: #00897B, + 700: #00796B, + 800: #00695C, + 900: #004D40, + A100: #A7FFEB, + A200: #64FFDA, + A400: #1DE9B6, + A700: #00BFA5, ), Green: ( - 50: #d0f8ce, - 100: #a3e9a4, - 200: #72d572, - 300: #42bd41, - 400: #2baf2b, - 500: #259b24, - 600: #0a8f08, - 700: #0a7e07, - 800: #056f00, - 900: #0d5302, - A100: #a2f78d, - A200: #5af158, - A400: #14e715, - A700: #12c700, + 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, + 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, + 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, + 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, + 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, + 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, + 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, + 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, + 50: #EFEBE9, + 100: #D7CCC8, + 200: #BCAAA4, + 300: #A1887F, + 400: #8D6E63, 500: #795548, - 600: #6d4c41, - 700: #5d4037, - 800: #4e342e, - 900: #3e2723, + 600: #6D4C41, + 700: #5D4037, + 800: #4E342E, + 900: #3E2723, ), Grey: ( - 50: #fafafa, - 100: #f5f5f5, - 200: #eeeeee, - 300: #e0e0e0, - 400: #bdbdbd, - 500: #9e9e9e, + 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, + 50: #ECEFF1, + 100: #CFD8DC, + 200: #B0BEC5, + 300: #90A4AE, + 400: #78909C, + 500: #607D8B, + 600: #546E7A, + 700: #455A64, + 800: #37474F, 900: #263238, ), Black: ( diff --git a/dist/palette.styl b/dist/palette.styl index 6c5c88f..8c7b92b 100644 --- a/dist/palette.styl +++ b/dist/palette.styl @@ -1,298 +1,298 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ $palette = { 'Red': { - '50': #fde0dc, - '100': #f9bdbb, - '200': #f69988, - '300': #f36c60, - '400': #e84e40, - '500': #e51c23, - '600': #dd191d, - '700': #d01716, - '800': #c41411, - '900': #b0120a, - 'A100': #ff7997, - 'A200': #ff5177, - 'A400': #ff2d6f, - 'A700': #e00032, + '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, + '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, + '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, + '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, + '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, + '900': #1A237E, + 'A100': #8C9EFF, + 'A200': #536DFE, + 'A400': #3D5AFE, + 'A700': #304FFE, }, 'Blue': { - '50': #e7e9fd, - '100': #d0d9ff, - '200': #afbfff, - '300': #91a7ff, - '400': #738ffe, - '500': #5677fc, - '600': #4e6cef, - '700': #455ede, - '800': #3b50ce, - '900': #2a36b1, - 'A100': #a6baff, - 'A200': #6889ff, - 'A400': #4d73ff, - 'A700': #4d69ff, + '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, + '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, + '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, + 'A100': #84FFFF, + 'A200': #18FFFF, + 'A400': #00E5FF, + 'A700': #00B8D4, }, 'Teal': { - '50': #e0f2f1, - '100': #b2dfdb, - '200': #80cbc4, - '300': #4db6ac, - '400': #26a69a, + '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, + '600': #00897B, + '700': #00796B, + '800': #00695C, + '900': #004D40, + 'A100': #A7FFEB, + 'A200': #64FFDA, + 'A400': #1DE9B6, + 'A700': #00BFA5, }, 'Green': { - '50': #d0f8ce, - '100': #a3e9a4, - '200': #72d572, - '300': #42bd41, - '400': #2baf2b, - '500': #259b24, - '600': #0a8f08, - '700': #0a7e07, - '800': #056f00, - '900': #0d5302, - 'A100': #a2f78d, - 'A200': #5af158, - 'A400': #14e715, - 'A700': #12c700, + '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, + '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, + '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, + '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, + '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, + '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, + '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, + '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, + '50': #EFEBE9, + '100': #D7CCC8, + '200': #BCAAA4, + '300': #A1887F, + '400': #8D6E63, '500': #795548, - '600': #6d4c41, - '700': #5d4037, - '800': #4e342e, - '900': #3e2723, + '600': #6D4C41, + '700': #5D4037, + '800': #4E342E, + '900': #3E2723, }, 'Grey': { - '50': #fafafa, - '100': #f5f5f5, - '200': #eeeeee, - '300': #e0e0e0, - '400': #bdbdbd, - '500': #9e9e9e, + '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, + '50': #ECEFF1, + '100': #CFD8DC, + '200': #B0BEC5, + '300': #90A4AE, + '400': #78909C, + '500': #607D8B, + '600': #546E7A, + '700': #455A64, + '800': #37474F, '900': #263238, }, 'Black': { diff --git a/package.json b/package.json index 5a506f0..9a4d479 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "google-material-color", - "version": "1.1.0", + "version": "1.2.0", "description": "Google material color (http://www.google.com/design/spec/style/color.html) implementation for Sass, Less, Stylus, CSS and JS.", "main": "src/index.js", "scripts": { diff --git a/src/colors.js b/src/colors.js index c348e1f..4ea31ed 100644 --- a/src/colors.js +++ b/src/colors.js @@ -1,315 +1,298 @@ // Google style palette (http://www.google.com/design/spec/style/color.html': '#color-ui-color-palette) module.exports = { + 'Red': { - '50': '#fde0dc', - '100': '#f9bdbb', - '200': '#f69988', - '300': '#f36c60', - '400': '#e84e40', - '500': '#e51c23', - '600': '#dd191d', - '700': '#d01716', - '800': '#c41411', - '900': '#b0120a', - 'A100': '#ff7997', - 'A200': '#ff5177', - 'A400': '#ff2d6f', - 'A700': '#e00032', + '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', + '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', + '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', + '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', + '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', + '900': '#1A237E', + 'A100': '#8C9EFF', + 'A200': '#536DFE', + 'A400': '#3D5AFE', + 'A700': '#304FFE' }, - 'Blue': { - '50': '#e7e9fd', - '100': '#d0d9ff', - '200': '#afbfff', - '300': '#91a7ff', - '400': '#738ffe', - '500': '#5677fc', - '600': '#4e6cef', - '700': '#455ede', - '800': '#3b50ce', - '900': '#2a36b1', - 'A100': '#a6baff', - 'A200': '#6889ff', - 'A400': '#4d73ff', - 'A700': '#4d69ff', + '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', + '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', + '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', + 'A100': '#84FFFF', + 'A200': '#18FFFF', + 'A400': '#00E5FF', + 'A700': '#00B8D4' }, - 'Teal': { - '50': '#e0f2f1', - '100': '#b2dfdb', - '200': '#80cbc4', - '300': '#4db6ac', - '400': '#26a69a', + '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', + '600': '#00897B', + '700': '#00796B', + '800': '#00695C', + '900': '#004D40', + 'A100': '#A7FFEB', + 'A200': '#64FFDA', + 'A400': '#1DE9B6', + 'A700': '#00BFA5' }, - 'Green': { - '50': '#d0f8ce', - '100': '#a3e9a4', - '200': '#72d572', - '300': '#42bd41', - '400': '#2baf2b', - '500': '#259b24', - '600': '#0a8f08', - '700': '#0a7e07', - '800': '#056f00', - '900': '#0d5302', - 'A100': '#a2f78d', - 'A200': '#5af158', - 'A400': '#14e715', - 'A700': '#12c700', + '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', + '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', + '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', + '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', + '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', + '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', + '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', + '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', + '50': '#EFEBE9', + '100': '#D7CCC8', + '200': '#BCAAA4', + '300': '#A1887F', + '400': '#8D6E63', '500': '#795548', - '600': '#6d4c41', - '700': '#5d4037', - '800': '#4e342e', - '900': '#3e2723', + '600': '#6D4C41', + '700': '#5D4037', + '800': '#4E342E', + '900': '#3E2723' }, - 'Grey': { - '50': '#fafafa', - '100': '#f5f5f5', - '200': '#eeeeee', - '300': '#e0e0e0', - '400': '#bdbdbd', - '500': '#9e9e9e', + '50': '#FAFAFA', + '100': '#F5F5F5', + '200': '#EEEEEE', + '300': '#E0E0E0', + '400': '#BDBDBD', + '500': '#9E9E9E', '600': '#757575', '700': '#616161', '800': '#424242', - '900': '#212121', + '900': '#212121' }, - 'Blue Grey': { - '50': '#eceff1', - '100': '#cfd8dc', - '200': '#b0bec5', - '300': '#90a4ae', - '400': '#78909c', - '500': '#607d8b', - '600': '#546e7a', - '700': '#455a64', - '800': '#37474f', - '900': '#263238', + '50': '#ECEFF1', + '100': '#CFD8DC', + '200': '#B0BEC5', + '300': '#90A4AE', + '400': '#78909C', + '500': '#607D8B', + '600': '#546E7A', + '700': '#455A64', + '800': '#37474F', + '900': '#263238' }, 'Black': { @@ -320,7 +303,7 @@ module.exports = { 'Icons': 'rgba(0,0,0,0.54)', 'Disabled': 'rgba(0,0,0,0.26)', 'Hint Text': 'rgba(0,0,0,0.26)', - 'Dividers': 'rgba(0,0,0,0.12)', + 'Dividers': 'rgba(0,0,0,0.12)' }, 'White': { @@ -331,6 +314,6 @@ module.exports = { 'Icons': '#ffffff', 'Disabled': 'rgba(255,255,255,0.3)', 'Hint Text': 'rgba(255,255,255,0.3)', - 'Dividers': 'rgba(255,255,255,0.12)', + 'Dividers': 'rgba(255,255,255,0.12)' }, } diff --git a/test/less.css b/test/less.css index f045aae..ff41800 100644 --- a/test/less.css +++ b/test/less.css @@ -1,51 +1,51 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ .less.Red { - background-color: #e51c23; + background-color: #f44336; } .less.Red-50 { - background-color: #fde0dc; + background-color: #ffebee; } .less.Red-100 { - background-color: #f9bdbb; + background-color: #ffcdd2; } .less.Red-200 { - background-color: #f69988; + background-color: #ef9a9a; } .less.Red-300 { - background-color: #f36c60; + background-color: #e57373; } .less.Red-400 { - background-color: #e84e40; + background-color: #ef5350; } .less.Red-500 { - background-color: #e51c23; + background-color: #f44336; } .less.Red-600 { - background-color: #dd191d; + background-color: #e53935; } .less.Red-700 { - background-color: #d01716; + background-color: #d32f2f; } .less.Red-800 { - background-color: #c41411; + background-color: #c62828; } .less.Red-900 { - background-color: #b0120a; + background-color: #b71c1c; } .less.Red-A100 { - background-color: #ff7997; + background-color: #ff8a80; } .less.Red-A200 { - background-color: #ff5177; + background-color: #ff5252; } .less.Red-A400 { - background-color: #ff2d6f; + background-color: #ff1744; } .less.Red-A700 { - background-color: #e00032; + background-color: #d50000; } .less.Pink { background-color: #e91e63; @@ -228,49 +228,49 @@ background-color: #304ffe; } .less.Blue { - background-color: #5677fc; + background-color: #2196f3; } .less.Blue-50 { - background-color: #e7e9fd; + background-color: #e3f2fd; } .less.Blue-100 { - background-color: #d0d9ff; + background-color: #bbdefb; } .less.Blue-200 { - background-color: #afbfff; + background-color: #90caf9; } .less.Blue-300 { - background-color: #91a7ff; + background-color: #64b5f6; } .less.Blue-400 { - background-color: #738ffe; + background-color: #42a5f5; } .less.Blue-500 { - background-color: #5677fc; + background-color: #2196f3; } .less.Blue-600 { - background-color: #4e6cef; + background-color: #1e88e5; } .less.Blue-700 { - background-color: #455ede; + background-color: #1976d2; } .less.Blue-800 { - background-color: #3b50ce; + background-color: #1565c0; } .less.Blue-900 { - background-color: #2a36b1; + background-color: #0d47a1; } .less.Blue-A100 { - background-color: #a6baff; + background-color: #82b1ff; } .less.Blue-A200 { - background-color: #6889ff; + background-color: #448aff; } .less.Blue-A400 { - background-color: #4d73ff; + background-color: #2979ff; } .less.Blue-A700 { - background-color: #4d69ff; + background-color: #2962ff; } .less.Light-Blue { background-color: #03a9f4; @@ -408,49 +408,49 @@ background-color: #00bfa5; } .less.Green { - background-color: #259b24; + background-color: #4caf50; } .less.Green-50 { - background-color: #d0f8ce; + background-color: #e8f5e9; } .less.Green-100 { - background-color: #a3e9a4; + background-color: #c8e6c9; } .less.Green-200 { - background-color: #72d572; + background-color: #a5d6a7; } .less.Green-300 { - background-color: #42bd41; + background-color: #81c784; } .less.Green-400 { - background-color: #2baf2b; + background-color: #66bb6a; } .less.Green-500 { - background-color: #259b24; + background-color: #4caf50; } .less.Green-600 { - background-color: #0a8f08; + background-color: #43a047; } .less.Green-700 { - background-color: #0a7e07; + background-color: #388e3c; } .less.Green-800 { - background-color: #056f00; + background-color: #2e7d32; } .less.Green-900 { - background-color: #0d5302; + background-color: #1b5e20; } .less.Green-A100 { - background-color: #a2f78d; + background-color: #b9f6ca; } .less.Green-A200 { - background-color: #5af158; + background-color: #69f0ae; } .less.Green-A400 { - background-color: #14e715; + background-color: #00e676; } .less.Green-A700 { - background-color: #12c700; + background-color: #00c853; } .less.Light-Green { background-color: #8bc34a; @@ -870,49 +870,49 @@ background-color: rgba(255, 255, 255, 0.12); } .less-text.Red { - color: #e51c23; + color: #f44336; } .less-text.Red-50 { - color: #fde0dc; + color: #ffebee; } .less-text.Red-100 { - color: #f9bdbb; + color: #ffcdd2; } .less-text.Red-200 { - color: #f69988; + color: #ef9a9a; } .less-text.Red-300 { - color: #f36c60; + color: #e57373; } .less-text.Red-400 { - color: #e84e40; + color: #ef5350; } .less-text.Red-500 { - color: #e51c23; + color: #f44336; } .less-text.Red-600 { - color: #dd191d; + color: #e53935; } .less-text.Red-700 { - color: #d01716; + color: #d32f2f; } .less-text.Red-800 { - color: #c41411; + color: #c62828; } .less-text.Red-900 { - color: #b0120a; + color: #b71c1c; } .less-text.Red-A100 { - color: #ff7997; + color: #ff8a80; } .less-text.Red-A200 { - color: #ff5177; + color: #ff5252; } .less-text.Red-A400 { - color: #ff2d6f; + color: #ff1744; } .less-text.Red-A700 { - color: #e00032; + color: #d50000; } .less-text.Pink { color: #e91e63; @@ -1095,49 +1095,49 @@ color: #304ffe; } .less-text.Blue { - color: #5677fc; + color: #2196f3; } .less-text.Blue-50 { - color: #e7e9fd; + color: #e3f2fd; } .less-text.Blue-100 { - color: #d0d9ff; + color: #bbdefb; } .less-text.Blue-200 { - color: #afbfff; + color: #90caf9; } .less-text.Blue-300 { - color: #91a7ff; + color: #64b5f6; } .less-text.Blue-400 { - color: #738ffe; + color: #42a5f5; } .less-text.Blue-500 { - color: #5677fc; + color: #2196f3; } .less-text.Blue-600 { - color: #4e6cef; + color: #1e88e5; } .less-text.Blue-700 { - color: #455ede; + color: #1976d2; } .less-text.Blue-800 { - color: #3b50ce; + color: #1565c0; } .less-text.Blue-900 { - color: #2a36b1; + color: #0d47a1; } .less-text.Blue-A100 { - color: #a6baff; + color: #82b1ff; } .less-text.Blue-A200 { - color: #6889ff; + color: #448aff; } .less-text.Blue-A400 { - color: #4d73ff; + color: #2979ff; } .less-text.Blue-A700 { - color: #4d69ff; + color: #2962ff; } .less-text.Light-Blue { color: #03a9f4; @@ -1275,49 +1275,49 @@ color: #00bfa5; } .less-text.Green { - color: #259b24; + color: #4caf50; } .less-text.Green-50 { - color: #d0f8ce; + color: #e8f5e9; } .less-text.Green-100 { - color: #a3e9a4; + color: #c8e6c9; } .less-text.Green-200 { - color: #72d572; + color: #a5d6a7; } .less-text.Green-300 { - color: #42bd41; + color: #81c784; } .less-text.Green-400 { - color: #2baf2b; + color: #66bb6a; } .less-text.Green-500 { - color: #259b24; + color: #4caf50; } .less-text.Green-600 { - color: #0a8f08; + color: #43a047; } .less-text.Green-700 { - color: #0a7e07; + color: #388e3c; } .less-text.Green-800 { - color: #056f00; + color: #2e7d32; } .less-text.Green-900 { - color: #0d5302; + color: #1b5e20; } .less-text.Green-A100 { - color: #a2f78d; + color: #b9f6ca; } .less-text.Green-A200 { - color: #5af158; + color: #69f0ae; } .less-text.Green-A400 { - color: #14e715; + color: #00e676; } .less-text.Green-A700 { - color: #12c700; + color: #00c853; } .less-text.Light-Green { color: #8bc34a; diff --git a/test/sass.css b/test/sass.css index b8f9a8d..a6d55c3 100644 --- a/test/sass.css +++ b/test/sass.css @@ -1,780 +1,780 @@ /** - * google-material-color v1.0.0 + * google-material-color v1.1.0 * https://github.com/danlevan/google-material-color */ .sass.Red { - background-color: #e51c23; + background-color: #F44336; } .sass.Red-50 { - background-color: #fde0dc; + background-color: #FFEBEE; } .sass.Red-100 { - background-color: #f9bdbb; + background-color: #FFCDD2; } .sass.Red-200 { - background-color: #f69988; + background-color: #EF9A9A; } .sass.Red-300 { - background-color: #f36c60; + background-color: #E57373; } .sass.Red-400 { - background-color: #e84e40; + background-color: #EF5350; } .sass.Red-500 { - background-color: #e51c23; + background-color: #F44336; } .sass.Red-600 { - background-color: #dd191d; + background-color: #E53935; } .sass.Red-700 { - background-color: #d01716; + background-color: #D32F2F; } .sass.Red-800 { - background-color: #c41411; + background-color: #C62828; } .sass.Red-900 { - background-color: #b0120a; + background-color: #B71C1C; } .sass.Red-A100 { - background-color: #ff7997; + background-color: #FF8A80; } .sass.Red-A200 { - background-color: #ff5177; + background-color: #FF5252; } .sass.Red-A400 { - background-color: #ff2d6f; + background-color: #FF1744; } .sass.Red-A700 { - background-color: #e00032; + background-color: #D50000; } .sass.Pink { - background-color: #e91e63; + background-color: #E91E63; } .sass.Pink-50 { - background-color: #fce4ec; + background-color: #FCE4EC; } .sass.Pink-100 { - background-color: #f8bbd0; + background-color: #F8BBD0; } .sass.Pink-200 { - background-color: #f48fb1; + background-color: #F48FB1; } .sass.Pink-300 { - background-color: #f06292; + background-color: #F06292; } .sass.Pink-400 { - background-color: #ec407a; + background-color: #EC407A; } .sass.Pink-500 { - background-color: #e91e63; + background-color: #E91E63; } .sass.Pink-600 { - background-color: #d81b60; + background-color: #D81B60; } .sass.Pink-700 { - background-color: #c2185b; + background-color: #C2185B; } .sass.Pink-800 { - background-color: #ad1457; + background-color: #AD1457; } .sass.Pink-900 { - background-color: #880e4f; + background-color: #880E4F; } .sass.Pink-A100 { - background-color: #ff80ab; + background-color: #FF80AB; } .sass.Pink-A200 { - background-color: #ff4081; + background-color: #FF4081; } .sass.Pink-A400 { - background-color: #f50057; + background-color: #F50057; } .sass.Pink-A700 { - background-color: #c51162; + background-color: #C51162; } .sass.Purple { - background-color: #9c27b0; + background-color: #9C27B0; } .sass.Purple-50 { - background-color: #f3e5f5; + background-color: #F3E5F5; } .sass.Purple-100 { - background-color: #e1bee7; + background-color: #E1BEE7; } .sass.Purple-200 { - background-color: #ce93d8; + background-color: #CE93D8; } .sass.Purple-300 { - background-color: #ba68c8; + background-color: #BA68C8; } .sass.Purple-400 { - background-color: #ab47bc; + background-color: #AB47BC; } .sass.Purple-500 { - background-color: #9c27b0; + background-color: #9C27B0; } .sass.Purple-600 { - background-color: #8e24aa; + background-color: #8E24AA; } .sass.Purple-700 { - background-color: #7b1fa2; + background-color: #7B1FA2; } .sass.Purple-800 { - background-color: #6a1b9a; + background-color: #6A1B9A; } .sass.Purple-900 { - background-color: #4a148c; + background-color: #4A148C; } .sass.Purple-A100 { - background-color: #ea80fc; + background-color: #EA80FC; } .sass.Purple-A200 { - background-color: #e040fb; + background-color: #E040FB; } .sass.Purple-A400 { - background-color: #d500f9; + background-color: #D500F9; } .sass.Purple-A700 { - background-color: #aa00ff; + background-color: #AA00FF; } .sass.Deep-Purple { - background-color: #673ab7; + background-color: #673AB7; } .sass.Deep-Purple-50 { - background-color: #ede7f6; + background-color: #EDE7F6; } .sass.Deep-Purple-100 { - background-color: #d1c4e9; + background-color: #D1C4E9; } .sass.Deep-Purple-200 { - background-color: #b39ddb; + background-color: #B39DDB; } .sass.Deep-Purple-300 { - background-color: #9575cd; + background-color: #9575CD; } .sass.Deep-Purple-400 { - background-color: #7e57c2; + background-color: #7E57C2; } .sass.Deep-Purple-500 { - background-color: #673ab7; + background-color: #673AB7; } .sass.Deep-Purple-600 { - background-color: #5e35b1; + background-color: #5E35B1; } .sass.Deep-Purple-700 { - background-color: #512da8; + background-color: #512DA8; } .sass.Deep-Purple-800 { - background-color: #4527a0; + background-color: #4527A0; } .sass.Deep-Purple-900 { - background-color: #311b92; + background-color: #311B92; } .sass.Deep-Purple-A100 { - background-color: #b388ff; + background-color: #B388FF; } .sass.Deep-Purple-A200 { - background-color: #7c4dff; + background-color: #7C4DFF; } .sass.Deep-Purple-A400 { - background-color: #651fff; + background-color: #651FFF; } .sass.Deep-Purple-A700 { - background-color: #6200ea; + background-color: #6200EA; } .sass.Indigo { - background-color: #3f51b5; + background-color: #3F51B5; } .sass.Indigo-50 { - background-color: #e8eaf6; + background-color: #E8EAF6; } .sass.Indigo-100 { - background-color: #c5cae9; + background-color: #C5CAE9; } .sass.Indigo-200 { - background-color: #9fa8da; + background-color: #9FA8DA; } .sass.Indigo-300 { - background-color: #7986cb; + background-color: #7986CB; } .sass.Indigo-400 { - background-color: #5c6bc0; + background-color: #5C6BC0; } .sass.Indigo-500 { - background-color: #3f51b5; + background-color: #3F51B5; } .sass.Indigo-600 { - background-color: #3949ab; + background-color: #3949AB; } .sass.Indigo-700 { - background-color: #303f9f; + background-color: #303F9F; } .sass.Indigo-800 { background-color: #283593; } .sass.Indigo-900 { - background-color: #1a237e; + background-color: #1A237E; } .sass.Indigo-A100 { - background-color: #8c9eff; + background-color: #8C9EFF; } .sass.Indigo-A200 { - background-color: #536dfe; + background-color: #536DFE; } .sass.Indigo-A400 { - background-color: #3d5afe; + background-color: #3D5AFE; } .sass.Indigo-A700 { - background-color: #304ffe; + background-color: #304FFE; } .sass.Blue { - background-color: #5677fc; + background-color: #2196F3; } .sass.Blue-50 { - background-color: #e7e9fd; + background-color: #E3F2FD; } .sass.Blue-100 { - background-color: #d0d9ff; + background-color: #BBDEFB; } .sass.Blue-200 { - background-color: #afbfff; + background-color: #90CAF9; } .sass.Blue-300 { - background-color: #91a7ff; + background-color: #64B5F6; } .sass.Blue-400 { - background-color: #738ffe; + background-color: #42A5F5; } .sass.Blue-500 { - background-color: #5677fc; + background-color: #2196F3; } .sass.Blue-600 { - background-color: #4e6cef; + background-color: #1E88E5; } .sass.Blue-700 { - background-color: #455ede; + background-color: #1976D2; } .sass.Blue-800 { - background-color: #3b50ce; + background-color: #1565C0; } .sass.Blue-900 { - background-color: #2a36b1; + background-color: #0D47A1; } .sass.Blue-A100 { - background-color: #a6baff; + background-color: #82B1FF; } .sass.Blue-A200 { - background-color: #6889ff; + background-color: #448AFF; } .sass.Blue-A400 { - background-color: #4d73ff; + background-color: #2979FF; } .sass.Blue-A700 { - background-color: #4d69ff; + background-color: #2962FF; } .sass.Light-Blue { - background-color: #03a9f4; + background-color: #03A9F4; } .sass.Light-Blue-50 { - background-color: #e1f5fe; + background-color: #E1F5FE; } .sass.Light-Blue-100 { - background-color: #b3e5fc; + background-color: #B3E5FC; } .sass.Light-Blue-200 { - background-color: #81d4fa; + background-color: #81D4FA; } .sass.Light-Blue-300 { - background-color: #4fc3f7; + background-color: #4FC3F7; } .sass.Light-Blue-400 { - background-color: #29b6f6; + background-color: #29B6F6; } .sass.Light-Blue-500 { - background-color: #03a9f4; + background-color: #03A9F4; } .sass.Light-Blue-600 { - background-color: #039be5; + background-color: #039BE5; } .sass.Light-Blue-700 { - background-color: #0288d1; + background-color: #0288D1; } .sass.Light-Blue-800 { - background-color: #0277bd; + background-color: #0277BD; } .sass.Light-Blue-900 { - background-color: #01579b; + background-color: #01579B; } .sass.Light-Blue-A100 { - background-color: #80d8ff; + background-color: #80D8FF; } .sass.Light-Blue-A200 { - background-color: #40c4ff; + background-color: #40C4FF; } .sass.Light-Blue-A400 { - background-color: #00b0ff; + background-color: #00B0FF; } .sass.Light-Blue-A700 { - background-color: #0091ea; + background-color: #0091EA; } .sass.Cyan { - background-color: #00bcd4; + background-color: #00BCD4; } .sass.Cyan-50 { - background-color: #e0f7fa; + background-color: #E0F7FA; } .sass.Cyan-100 { - background-color: #b2ebf2; + background-color: #B2EBF2; } .sass.Cyan-200 { - background-color: #80deea; + background-color: #80DEEA; } .sass.Cyan-300 { - background-color: #4dd0e1; + background-color: #4DD0E1; } .sass.Cyan-400 { - background-color: #26c6da; + background-color: #26C6DA; } .sass.Cyan-500 { - background-color: #00bcd4; + background-color: #00BCD4; } .sass.Cyan-600 { - background-color: #00acc1; + background-color: #00ACC1; } .sass.Cyan-700 { - background-color: #0097a7; + background-color: #0097A7; } .sass.Cyan-800 { - background-color: #00838f; + background-color: #00838F; } .sass.Cyan-900 { background-color: #006064; } .sass.Cyan-A100 { - background-color: #84ffff; + background-color: #84FFFF; } .sass.Cyan-A200 { - background-color: #18ffff; + background-color: #18FFFF; } .sass.Cyan-A400 { - background-color: #00e5ff; + background-color: #00E5FF; } .sass.Cyan-A700 { - background-color: #00b8d4; + background-color: #00B8D4; } .sass.Teal { background-color: #009688; } .sass.Teal-50 { - background-color: #e0f2f1; + background-color: #E0F2F1; } .sass.Teal-100 { - background-color: #b2dfdb; + background-color: #B2DFDB; } .sass.Teal-200 { - background-color: #80cbc4; + background-color: #80CBC4; } .sass.Teal-300 { - background-color: #4db6ac; + background-color: #4DB6AC; } .sass.Teal-400 { - background-color: #26a69a; + background-color: #26A69A; } .sass.Teal-500 { background-color: #009688; } .sass.Teal-600 { - background-color: #00897b; + background-color: #00897B; } .sass.Teal-700 { - background-color: #00796b; + background-color: #00796B; } .sass.Teal-800 { - background-color: #00695c; + background-color: #00695C; } .sass.Teal-900 { - background-color: #004d40; + background-color: #004D40; } .sass.Teal-A100 { - background-color: #a7ffeb; + background-color: #A7FFEB; } .sass.Teal-A200 { - background-color: #64ffda; + background-color: #64FFDA; } .sass.Teal-A400 { - background-color: #1de9b6; + background-color: #1DE9B6; } .sass.Teal-A700 { - background-color: #00bfa5; + background-color: #00BFA5; } .sass.Green { - background-color: #259b24; + background-color: #4CAF50; } .sass.Green-50 { - background-color: #d0f8ce; + background-color: #E8F5E9; } .sass.Green-100 { - background-color: #a3e9a4; + background-color: #C8E6C9; } .sass.Green-200 { - background-color: #72d572; + background-color: #A5D6A7; } .sass.Green-300 { - background-color: #42bd41; + background-color: #81C784; } .sass.Green-400 { - background-color: #2baf2b; + background-color: #66BB6A; } .sass.Green-500 { - background-color: #259b24; + background-color: #4CAF50; } .sass.Green-600 { - background-color: #0a8f08; + background-color: #43A047; } .sass.Green-700 { - background-color: #0a7e07; + background-color: #388E3C; } .sass.Green-800 { - background-color: #056f00; + background-color: #2E7D32; } .sass.Green-900 { - background-color: #0d5302; + background-color: #1B5E20; } .sass.Green-A100 { - background-color: #a2f78d; + background-color: #B9F6CA; } .sass.Green-A200 { - background-color: #5af158; + background-color: #69F0AE; } .sass.Green-A400 { - background-color: #14e715; + background-color: #00E676; } .sass.Green-A700 { - background-color: #12c700; + background-color: #00C853; } .sass.Light-Green { - background-color: #8bc34a; + background-color: #8BC34A; } .sass.Light-Green-50 { - background-color: #f1f8e9; + background-color: #F1F8E9; } .sass.Light-Green-100 { - background-color: #dcedc8; + background-color: #DCEDC8; } .sass.Light-Green-200 { - background-color: #c5e1a5; + background-color: #C5E1A5; } .sass.Light-Green-300 { - background-color: #aed581; + background-color: #AED581; } .sass.Light-Green-400 { - background-color: #9ccc65; + background-color: #9CCC65; } .sass.Light-Green-500 { - background-color: #8bc34a; + background-color: #8BC34A; } .sass.Light-Green-600 { - background-color: #7cb342; + background-color: #7CB342; } .sass.Light-Green-700 { - background-color: #689f38; + background-color: #689F38; } .sass.Light-Green-800 { - background-color: #558b2f; + background-color: #558B2F; } .sass.Light-Green-900 { - background-color: #33691e; + background-color: #33691E; } .sass.Light-Green-A100 { - background-color: #ccff90; + background-color: #CCFF90; } .sass.Light-Green-A200 { - background-color: #b2ff59; + background-color: #B2FF59; } .sass.Light-Green-A400 { - background-color: #76ff03; + background-color: #76FF03; } .sass.Light-Green-A700 { - background-color: #64dd17; + background-color: #64DD17; } .sass.Lime { - background-color: #cddc39; + background-color: #CDDC39; } .sass.Lime-50 { - background-color: #f9fbe7; + background-color: #F9FBE7; } .sass.Lime-100 { - background-color: #f0f4c3; + background-color: #F0F4C3; } .sass.Lime-200 { - background-color: #e6ee9c; + background-color: #E6EE9C; } .sass.Lime-300 { - background-color: #dce775; + background-color: #DCE775; } .sass.Lime-400 { - background-color: #d4e157; + background-color: #D4E157; } .sass.Lime-500 { - background-color: #cddc39; + background-color: #CDDC39; } .sass.Lime-600 { - background-color: #c0ca33; + background-color: #C0CA33; } .sass.Lime-700 { - background-color: #afb42b; + background-color: #AFB42B; } .sass.Lime-800 { - background-color: #9e9d24; + background-color: #9E9D24; } .sass.Lime-900 { background-color: #827717; } .sass.Lime-A100 { - background-color: #f4ff81; + background-color: #F4FF81; } .sass.Lime-A200 { - background-color: #eeff41; + background-color: #EEFF41; } .sass.Lime-A400 { - background-color: #c6ff00; + background-color: #C6FF00; } .sass.Lime-A700 { - background-color: #aeea00; + background-color: #AEEA00; } .sass.Yellow { - background-color: #ffeb3b; + background-color: #FFEB3B; } .sass.Yellow-50 { - background-color: #fffde7; + background-color: #FFFDE7; } .sass.Yellow-100 { - background-color: #fff9c4; + background-color: #FFF9C4; } .sass.Yellow-200 { - background-color: #fff59d; + background-color: #FFF59D; } .sass.Yellow-300 { - background-color: #fff176; + background-color: #FFF176; } .sass.Yellow-400 { - background-color: #ffee58; + background-color: #FFEE58; } .sass.Yellow-500 { - background-color: #ffeb3b; + background-color: #FFEB3B; } .sass.Yellow-600 { - background-color: #fdd835; + background-color: #FDD835; } .sass.Yellow-700 { - background-color: #fbc02d; + background-color: #FBC02D; } .sass.Yellow-800 { - background-color: #f9a825; + background-color: #F9A825; } .sass.Yellow-900 { - background-color: #f57f17; + background-color: #F57F17; } .sass.Yellow-A100 { - background-color: #ffff8d; + background-color: #FFFF8D; } .sass.Yellow-A200 { - background-color: #ffff00; + background-color: #FFFF00; } .sass.Yellow-A400 { - background-color: #ffea00; + background-color: #FFEA00; } .sass.Yellow-A700 { - background-color: #ffd600; + background-color: #FFD600; } .sass.Amber { - background-color: #ffc107; + background-color: #FFC107; } .sass.Amber-50 { - background-color: #fff8e1; + background-color: #FFF8E1; } .sass.Amber-100 { - background-color: #ffecb3; + background-color: #FFECB3; } .sass.Amber-200 { - background-color: #ffe082; + background-color: #FFE082; } .sass.Amber-300 { - background-color: #ffd54f; + background-color: #FFD54F; } .sass.Amber-400 { - background-color: #ffca28; + background-color: #FFCA28; } .sass.Amber-500 { - background-color: #ffc107; + background-color: #FFC107; } .sass.Amber-600 { - background-color: #ffb300; + background-color: #FFB300; } .sass.Amber-700 { - background-color: #ffa000; + background-color: #FFA000; } .sass.Amber-800 { - background-color: #ff8f00; + background-color: #FF8F00; } .sass.Amber-900 { - background-color: #ff6f00; + background-color: #FF6F00; } .sass.Amber-A100 { - background-color: #ffe57f; + background-color: #FFE57F; } .sass.Amber-A200 { - background-color: #ffd740; + background-color: #FFD740; } .sass.Amber-A400 { - background-color: #ffc400; + background-color: #FFC400; } .sass.Amber-A700 { - background-color: #ffab00; + background-color: #FFAB00; } .sass.Orange { - background-color: #ff9800; + background-color: #FF9800; } .sass.Orange-50 { - background-color: #fff3e0; + background-color: #FFF3E0; } .sass.Orange-100 { - background-color: #ffe0b2; + background-color: #FFE0B2; } .sass.Orange-200 { - background-color: #ffcc80; + background-color: #FFCC80; } .sass.Orange-300 { - background-color: #ffb74d; + background-color: #FFB74D; } .sass.Orange-400 { - background-color: #ffa726; + background-color: #FFA726; } .sass.Orange-500 { - background-color: #ff9800; + background-color: #FF9800; } .sass.Orange-600 { - background-color: #fb8c00; + background-color: #FB8C00; } .sass.Orange-700 { - background-color: #f57c00; + background-color: #F57C00; } .sass.Orange-800 { - background-color: #ef6c00; + background-color: #EF6C00; } .sass.Orange-900 { - background-color: #e65100; + background-color: #E65100; } .sass.Orange-A100 { - background-color: #ffd180; + background-color: #FFD180; } .sass.Orange-A200 { - background-color: #ffab40; + background-color: #FFAB40; } .sass.Orange-A400 { - background-color: #ff9100; + background-color: #FF9100; } .sass.Orange-A700 { - background-color: #ff6d00; + background-color: #FF6D00; } .sass.Deep-Orange { - background-color: #ff5722; + background-color: #FF5722; } .sass.Deep-Orange-50 { - background-color: #fbe9e7; + background-color: #FBE9E7; } .sass.Deep-Orange-100 { - background-color: #ffccbc; + background-color: #FFCCBC; } .sass.Deep-Orange-200 { - background-color: #ffab91; + background-color: #FFAB91; } .sass.Deep-Orange-300 { - background-color: #ff8a65; + background-color: #FF8A65; } .sass.Deep-Orange-400 { - background-color: #ff7043; + background-color: #FF7043; } .sass.Deep-Orange-500 { - background-color: #ff5722; + background-color: #FF5722; } .sass.Deep-Orange-600 { - background-color: #f4511e; + background-color: #F4511E; } .sass.Deep-Orange-700 { - background-color: #e64a19; + background-color: #E64A19; } .sass.Deep-Orange-800 { - background-color: #d84315; + background-color: #D84315; } .sass.Deep-Orange-900 { - background-color: #bf360c; + background-color: #BF360C; } .sass.Deep-Orange-A100 { - background-color: #ff9e80; + background-color: #FF9E80; } .sass.Deep-Orange-A200 { - background-color: #ff6e40; + background-color: #FF6E40; } .sass.Deep-Orange-A400 { - background-color: #ff3d00; + background-color: #FF3D00; } .sass.Deep-Orange-A700 { - background-color: #dd2c00; + background-color: #DD2C00; } .sass.Brown { background-color: #795548; } .sass.Brown-50 { - background-color: #efebe9; + background-color: #EFEBE9; } .sass.Brown-100 { - background-color: #d7ccc8; + background-color: #D7CCC8; } .sass.Brown-200 { - background-color: #bcaaa4; + background-color: #BCAAA4; } .sass.Brown-300 { - background-color: #a1887f; + background-color: #A1887F; } .sass.Brown-400 { - background-color: #8d6e63; + background-color: #8D6E63; } .sass.Brown-500 { background-color: #795548; } .sass.Brown-600 { - background-color: #6d4c41; + background-color: #6D4C41; } .sass.Brown-700 { - background-color: #5d4037; + background-color: #5D4037; } .sass.Brown-800 { - background-color: #4e342e; + background-color: #4E342E; } .sass.Brown-900 { - background-color: #3e2723; + background-color: #3E2723; } .sass.Grey { - background-color: #9e9e9e; + background-color: #9E9E9E; } .sass.Grey-50 { - background-color: #fafafa; + background-color: #FAFAFA; } .sass.Grey-100 { - background-color: #f5f5f5; + background-color: #F5F5F5; } .sass.Grey-200 { - background-color: #eeeeee; + background-color: #EEEEEE; } .sass.Grey-300 { - background-color: #e0e0e0; + background-color: #E0E0E0; } .sass.Grey-400 { - background-color: #bdbdbd; + background-color: #BDBDBD; } .sass.Grey-500 { - background-color: #9e9e9e; + background-color: #9E9E9E; } .sass.Grey-600 { background-color: #757575; @@ -789,34 +789,34 @@ background-color: #212121; } .sass.Blue-Grey { - background-color: #607d8b; + background-color: #607D8B; } .sass.Blue-Grey-50 { - background-color: #eceff1; + background-color: #ECEFF1; } .sass.Blue-Grey-100 { - background-color: #cfd8dc; + background-color: #CFD8DC; } .sass.Blue-Grey-200 { - background-color: #b0bec5; + background-color: #B0BEC5; } .sass.Blue-Grey-300 { - background-color: #90a4ae; + background-color: #90A4AE; } .sass.Blue-Grey-400 { - background-color: #78909c; + background-color: #78909C; } .sass.Blue-Grey-500 { - background-color: #607d8b; + background-color: #607D8B; } .sass.Blue-Grey-600 { - background-color: #546e7a; + background-color: #546E7A; } .sass.Blue-Grey-700 { - background-color: #455a64; + background-color: #455A64; } .sass.Blue-Grey-800 { - background-color: #37474f; + background-color: #37474F; } .sass.Blue-Grey-900 { background-color: #263238; @@ -871,778 +871,778 @@ } .sass-text.Red { - color: #e51c23; + color: #F44336; } .sass-text.Red-50 { - color: #fde0dc; + color: #FFEBEE; } .sass-text.Red-100 { - color: #f9bdbb; + color: #FFCDD2; } .sass-text.Red-200 { - color: #f69988; + color: #EF9A9A; } .sass-text.Red-300 { - color: #f36c60; + color: #E57373; } .sass-text.Red-400 { - color: #e84e40; + color: #EF5350; } .sass-text.Red-500 { - color: #e51c23; + color: #F44336; } .sass-text.Red-600 { - color: #dd191d; + color: #E53935; } .sass-text.Red-700 { - color: #d01716; + color: #D32F2F; } .sass-text.Red-800 { - color: #c41411; + color: #C62828; } .sass-text.Red-900 { - color: #b0120a; + color: #B71C1C; } .sass-text.Red-A100 { - color: #ff7997; + color: #FF8A80; } .sass-text.Red-A200 { - color: #ff5177; + color: #FF5252; } .sass-text.Red-A400 { - color: #ff2d6f; + color: #FF1744; } .sass-text.Red-A700 { - color: #e00032; + color: #D50000; } .sass-text.Pink { - color: #e91e63; + color: #E91E63; } .sass-text.Pink-50 { - color: #fce4ec; + color: #FCE4EC; } .sass-text.Pink-100 { - color: #f8bbd0; + color: #F8BBD0; } .sass-text.Pink-200 { - color: #f48fb1; + color: #F48FB1; } .sass-text.Pink-300 { - color: #f06292; + color: #F06292; } .sass-text.Pink-400 { - color: #ec407a; + color: #EC407A; } .sass-text.Pink-500 { - color: #e91e63; + color: #E91E63; } .sass-text.Pink-600 { - color: #d81b60; + color: #D81B60; } .sass-text.Pink-700 { - color: #c2185b; + color: #C2185B; } .sass-text.Pink-800 { - color: #ad1457; + color: #AD1457; } .sass-text.Pink-900 { - color: #880e4f; + color: #880E4F; } .sass-text.Pink-A100 { - color: #ff80ab; + color: #FF80AB; } .sass-text.Pink-A200 { - color: #ff4081; + color: #FF4081; } .sass-text.Pink-A400 { - color: #f50057; + color: #F50057; } .sass-text.Pink-A700 { - color: #c51162; + color: #C51162; } .sass-text.Purple { - color: #9c27b0; + color: #9C27B0; } .sass-text.Purple-50 { - color: #f3e5f5; + color: #F3E5F5; } .sass-text.Purple-100 { - color: #e1bee7; + color: #E1BEE7; } .sass-text.Purple-200 { - color: #ce93d8; + color: #CE93D8; } .sass-text.Purple-300 { - color: #ba68c8; + color: #BA68C8; } .sass-text.Purple-400 { - color: #ab47bc; + color: #AB47BC; } .sass-text.Purple-500 { - color: #9c27b0; + color: #9C27B0; } .sass-text.Purple-600 { - color: #8e24aa; + color: #8E24AA; } .sass-text.Purple-700 { - color: #7b1fa2; + color: #7B1FA2; } .sass-text.Purple-800 { - color: #6a1b9a; + color: #6A1B9A; } .sass-text.Purple-900 { - color: #4a148c; + color: #4A148C; } .sass-text.Purple-A100 { - color: #ea80fc; + color: #EA80FC; } .sass-text.Purple-A200 { - color: #e040fb; + color: #E040FB; } .sass-text.Purple-A400 { - color: #d500f9; + color: #D500F9; } .sass-text.Purple-A700 { - color: #aa00ff; + color: #AA00FF; } .sass-text.Deep-Purple { - color: #673ab7; + color: #673AB7; } .sass-text.Deep-Purple-50 { - color: #ede7f6; + color: #EDE7F6; } .sass-text.Deep-Purple-100 { - color: #d1c4e9; + color: #D1C4E9; } .sass-text.Deep-Purple-200 { - color: #b39ddb; + color: #B39DDB; } .sass-text.Deep-Purple-300 { - color: #9575cd; + color: #9575CD; } .sass-text.Deep-Purple-400 { - color: #7e57c2; + color: #7E57C2; } .sass-text.Deep-Purple-500 { - color: #673ab7; + color: #673AB7; } .sass-text.Deep-Purple-600 { - color: #5e35b1; + color: #5E35B1; } .sass-text.Deep-Purple-700 { - color: #512da8; + color: #512DA8; } .sass-text.Deep-Purple-800 { - color: #4527a0; + color: #4527A0; } .sass-text.Deep-Purple-900 { - color: #311b92; + color: #311B92; } .sass-text.Deep-Purple-A100 { - color: #b388ff; + color: #B388FF; } .sass-text.Deep-Purple-A200 { - color: #7c4dff; + color: #7C4DFF; } .sass-text.Deep-Purple-A400 { - color: #651fff; + color: #651FFF; } .sass-text.Deep-Purple-A700 { - color: #6200ea; + color: #6200EA; } .sass-text.Indigo { - color: #3f51b5; + color: #3F51B5; } .sass-text.Indigo-50 { - color: #e8eaf6; + color: #E8EAF6; } .sass-text.Indigo-100 { - color: #c5cae9; + color: #C5CAE9; } .sass-text.Indigo-200 { - color: #9fa8da; + color: #9FA8DA; } .sass-text.Indigo-300 { - color: #7986cb; + color: #7986CB; } .sass-text.Indigo-400 { - color: #5c6bc0; + color: #5C6BC0; } .sass-text.Indigo-500 { - color: #3f51b5; + color: #3F51B5; } .sass-text.Indigo-600 { - color: #3949ab; + color: #3949AB; } .sass-text.Indigo-700 { - color: #303f9f; + color: #303F9F; } .sass-text.Indigo-800 { color: #283593; } .sass-text.Indigo-900 { - color: #1a237e; + color: #1A237E; } .sass-text.Indigo-A100 { - color: #8c9eff; + color: #8C9EFF; } .sass-text.Indigo-A200 { - color: #536dfe; + color: #536DFE; } .sass-text.Indigo-A400 { - color: #3d5afe; + color: #3D5AFE; } .sass-text.Indigo-A700 { - color: #304ffe; + color: #304FFE; } .sass-text.Blue { - color: #5677fc; + color: #2196F3; } .sass-text.Blue-50 { - color: #e7e9fd; + color: #E3F2FD; } .sass-text.Blue-100 { - color: #d0d9ff; + color: #BBDEFB; } .sass-text.Blue-200 { - color: #afbfff; + color: #90CAF9; } .sass-text.Blue-300 { - color: #91a7ff; + color: #64B5F6; } .sass-text.Blue-400 { - color: #738ffe; + color: #42A5F5; } .sass-text.Blue-500 { - color: #5677fc; + color: #2196F3; } .sass-text.Blue-600 { - color: #4e6cef; + color: #1E88E5; } .sass-text.Blue-700 { - color: #455ede; + color: #1976D2; } .sass-text.Blue-800 { - color: #3b50ce; + color: #1565C0; } .sass-text.Blue-900 { - color: #2a36b1; + color: #0D47A1; } .sass-text.Blue-A100 { - color: #a6baff; + color: #82B1FF; } .sass-text.Blue-A200 { - color: #6889ff; + color: #448AFF; } .sass-text.Blue-A400 { - color: #4d73ff; + color: #2979FF; } .sass-text.Blue-A700 { - color: #4d69ff; + color: #2962FF; } .sass-text.Light-Blue { - color: #03a9f4; + color: #03A9F4; } .sass-text.Light-Blue-50 { - color: #e1f5fe; + color: #E1F5FE; } .sass-text.Light-Blue-100 { - color: #b3e5fc; + color: #B3E5FC; } .sass-text.Light-Blue-200 { - color: #81d4fa; + color: #81D4FA; } .sass-text.Light-Blue-300 { - color: #4fc3f7; + color: #4FC3F7; } .sass-text.Light-Blue-400 { - color: #29b6f6; + color: #29B6F6; } .sass-text.Light-Blue-500 { - color: #03a9f4; + color: #03A9F4; } .sass-text.Light-Blue-600 { - color: #039be5; + color: #039BE5; } .sass-text.Light-Blue-700 { - color: #0288d1; + color: #0288D1; } .sass-text.Light-Blue-800 { - color: #0277bd; + color: #0277BD; } .sass-text.Light-Blue-900 { - color: #01579b; + color: #01579B; } .sass-text.Light-Blue-A100 { - color: #80d8ff; + color: #80D8FF; } .sass-text.Light-Blue-A200 { - color: #40c4ff; + color: #40C4FF; } .sass-text.Light-Blue-A400 { - color: #00b0ff; + color: #00B0FF; } .sass-text.Light-Blue-A700 { - color: #0091ea; + color: #0091EA; } .sass-text.Cyan { - color: #00bcd4; + color: #00BCD4; } .sass-text.Cyan-50 { - color: #e0f7fa; + color: #E0F7FA; } .sass-text.Cyan-100 { - color: #b2ebf2; + color: #B2EBF2; } .sass-text.Cyan-200 { - color: #80deea; + color: #80DEEA; } .sass-text.Cyan-300 { - color: #4dd0e1; + color: #4DD0E1; } .sass-text.Cyan-400 { - color: #26c6da; + color: #26C6DA; } .sass-text.Cyan-500 { - color: #00bcd4; + color: #00BCD4; } .sass-text.Cyan-600 { - color: #00acc1; + color: #00ACC1; } .sass-text.Cyan-700 { - color: #0097a7; + color: #0097A7; } .sass-text.Cyan-800 { - color: #00838f; + color: #00838F; } .sass-text.Cyan-900 { color: #006064; } .sass-text.Cyan-A100 { - color: #84ffff; + color: #84FFFF; } .sass-text.Cyan-A200 { - color: #18ffff; + color: #18FFFF; } .sass-text.Cyan-A400 { - color: #00e5ff; + color: #00E5FF; } .sass-text.Cyan-A700 { - color: #00b8d4; + color: #00B8D4; } .sass-text.Teal { color: #009688; } .sass-text.Teal-50 { - color: #e0f2f1; + color: #E0F2F1; } .sass-text.Teal-100 { - color: #b2dfdb; + color: #B2DFDB; } .sass-text.Teal-200 { - color: #80cbc4; + color: #80CBC4; } .sass-text.Teal-300 { - color: #4db6ac; + color: #4DB6AC; } .sass-text.Teal-400 { - color: #26a69a; + color: #26A69A; } .sass-text.Teal-500 { color: #009688; } .sass-text.Teal-600 { - color: #00897b; + color: #00897B; } .sass-text.Teal-700 { - color: #00796b; + color: #00796B; } .sass-text.Teal-800 { - color: #00695c; + color: #00695C; } .sass-text.Teal-900 { - color: #004d40; + color: #004D40; } .sass-text.Teal-A100 { - color: #a7ffeb; + color: #A7FFEB; } .sass-text.Teal-A200 { - color: #64ffda; + color: #64FFDA; } .sass-text.Teal-A400 { - color: #1de9b6; + color: #1DE9B6; } .sass-text.Teal-A700 { - color: #00bfa5; + color: #00BFA5; } .sass-text.Green { - color: #259b24; + color: #4CAF50; } .sass-text.Green-50 { - color: #d0f8ce; + color: #E8F5E9; } .sass-text.Green-100 { - color: #a3e9a4; + color: #C8E6C9; } .sass-text.Green-200 { - color: #72d572; + color: #A5D6A7; } .sass-text.Green-300 { - color: #42bd41; + color: #81C784; } .sass-text.Green-400 { - color: #2baf2b; + color: #66BB6A; } .sass-text.Green-500 { - color: #259b24; + color: #4CAF50; } .sass-text.Green-600 { - color: #0a8f08; + color: #43A047; } .sass-text.Green-700 { - color: #0a7e07; + color: #388E3C; } .sass-text.Green-800 { - color: #056f00; + color: #2E7D32; } .sass-text.Green-900 { - color: #0d5302; + color: #1B5E20; } .sass-text.Green-A100 { - color: #a2f78d; + color: #B9F6CA; } .sass-text.Green-A200 { - color: #5af158; + color: #69F0AE; } .sass-text.Green-A400 { - color: #14e715; + color: #00E676; } .sass-text.Green-A700 { - color: #12c700; + color: #00C853; } .sass-text.Light-Green { - color: #8bc34a; + color: #8BC34A; } .sass-text.Light-Green-50 { - color: #f1f8e9; + color: #F1F8E9; } .sass-text.Light-Green-100 { - color: #dcedc8; + color: #DCEDC8; } .sass-text.Light-Green-200 { - color: #c5e1a5; + color: #C5E1A5; } .sass-text.Light-Green-300 { - color: #aed581; + color: #AED581; } .sass-text.Light-Green-400 { - color: #9ccc65; + color: #9CCC65; } .sass-text.Light-Green-500 { - color: #8bc34a; + color: #8BC34A; } .sass-text.Light-Green-600 { - color: #7cb342; + color: #7CB342; } .sass-text.Light-Green-700 { - color: #689f38; + color: #689F38; } .sass-text.Light-Green-800 { - color: #558b2f; + color: #558B2F; } .sass-text.Light-Green-900 { - color: #33691e; + color: #33691E; } .sass-text.Light-Green-A100 { - color: #ccff90; + color: #CCFF90; } .sass-text.Light-Green-A200 { - color: #b2ff59; + color: #B2FF59; } .sass-text.Light-Green-A400 { - color: #76ff03; + color: #76FF03; } .sass-text.Light-Green-A700 { - color: #64dd17; + color: #64DD17; } .sass-text.Lime { - color: #cddc39; + color: #CDDC39; } .sass-text.Lime-50 { - color: #f9fbe7; + color: #F9FBE7; } .sass-text.Lime-100 { - color: #f0f4c3; + color: #F0F4C3; } .sass-text.Lime-200 { - color: #e6ee9c; + color: #E6EE9C; } .sass-text.Lime-300 { - color: #dce775; + color: #DCE775; } .sass-text.Lime-400 { - color: #d4e157; + color: #D4E157; } .sass-text.Lime-500 { - color: #cddc39; + color: #CDDC39; } .sass-text.Lime-600 { - color: #c0ca33; + color: #C0CA33; } .sass-text.Lime-700 { - color: #afb42b; + color: #AFB42B; } .sass-text.Lime-800 { - color: #9e9d24; + color: #9E9D24; } .sass-text.Lime-900 { color: #827717; } .sass-text.Lime-A100 { - color: #f4ff81; + color: #F4FF81; } .sass-text.Lime-A200 { - color: #eeff41; + color: #EEFF41; } .sass-text.Lime-A400 { - color: #c6ff00; + color: #C6FF00; } .sass-text.Lime-A700 { - color: #aeea00; + color: #AEEA00; } .sass-text.Yellow { - color: #ffeb3b; + color: #FFEB3B; } .sass-text.Yellow-50 { - color: #fffde7; + color: #FFFDE7; } .sass-text.Yellow-100 { - color: #fff9c4; + color: #FFF9C4; } .sass-text.Yellow-200 { - color: #fff59d; + color: #FFF59D; } .sass-text.Yellow-300 { - color: #fff176; + color: #FFF176; } .sass-text.Yellow-400 { - color: #ffee58; + color: #FFEE58; } .sass-text.Yellow-500 { - color: #ffeb3b; + color: #FFEB3B; } .sass-text.Yellow-600 { - color: #fdd835; + color: #FDD835; } .sass-text.Yellow-700 { - color: #fbc02d; + color: #FBC02D; } .sass-text.Yellow-800 { - color: #f9a825; + color: #F9A825; } .sass-text.Yellow-900 { - color: #f57f17; + color: #F57F17; } .sass-text.Yellow-A100 { - color: #ffff8d; + color: #FFFF8D; } .sass-text.Yellow-A200 { - color: #ffff00; + color: #FFFF00; } .sass-text.Yellow-A400 { - color: #ffea00; + color: #FFEA00; } .sass-text.Yellow-A700 { - color: #ffd600; + color: #FFD600; } .sass-text.Amber { - color: #ffc107; + color: #FFC107; } .sass-text.Amber-50 { - color: #fff8e1; + color: #FFF8E1; } .sass-text.Amber-100 { - color: #ffecb3; + color: #FFECB3; } .sass-text.Amber-200 { - color: #ffe082; + color: #FFE082; } .sass-text.Amber-300 { - color: #ffd54f; + color: #FFD54F; } .sass-text.Amber-400 { - color: #ffca28; + color: #FFCA28; } .sass-text.Amber-500 { - color: #ffc107; + color: #FFC107; } .sass-text.Amber-600 { - color: #ffb300; + color: #FFB300; } .sass-text.Amber-700 { - color: #ffa000; + color: #FFA000; } .sass-text.Amber-800 { - color: #ff8f00; + color: #FF8F00; } .sass-text.Amber-900 { - color: #ff6f00; + color: #FF6F00; } .sass-text.Amber-A100 { - color: #ffe57f; + color: #FFE57F; } .sass-text.Amber-A200 { - color: #ffd740; + color: #FFD740; } .sass-text.Amber-A400 { - color: #ffc400; + color: #FFC400; } .sass-text.Amber-A700 { - color: #ffab00; + color: #FFAB00; } .sass-text.Orange { - color: #ff9800; + color: #FF9800; } .sass-text.Orange-50 { - color: #fff3e0; + color: #FFF3E0; } .sass-text.Orange-100 { - color: #ffe0b2; + color: #FFE0B2; } .sass-text.Orange-200 { - color: #ffcc80; + color: #FFCC80; } .sass-text.Orange-300 { - color: #ffb74d; + color: #FFB74D; } .sass-text.Orange-400 { - color: #ffa726; + color: #FFA726; } .sass-text.Orange-500 { - color: #ff9800; + color: #FF9800; } .sass-text.Orange-600 { - color: #fb8c00; + color: #FB8C00; } .sass-text.Orange-700 { - color: #f57c00; + color: #F57C00; } .sass-text.Orange-800 { - color: #ef6c00; + color: #EF6C00; } .sass-text.Orange-900 { - color: #e65100; + color: #E65100; } .sass-text.Orange-A100 { - color: #ffd180; + color: #FFD180; } .sass-text.Orange-A200 { - color: #ffab40; + color: #FFAB40; } .sass-text.Orange-A400 { - color: #ff9100; + color: #FF9100; } .sass-text.Orange-A700 { - color: #ff6d00; + color: #FF6D00; } .sass-text.Deep-Orange { - color: #ff5722; + color: #FF5722; } .sass-text.Deep-Orange-50 { - color: #fbe9e7; + color: #FBE9E7; } .sass-text.Deep-Orange-100 { - color: #ffccbc; + color: #FFCCBC; } .sass-text.Deep-Orange-200 { - color: #ffab91; + color: #FFAB91; } .sass-text.Deep-Orange-300 { - color: #ff8a65; + color: #FF8A65; } .sass-text.Deep-Orange-400 { - color: #ff7043; + color: #FF7043; } .sass-text.Deep-Orange-500 { - color: #ff5722; + color: #FF5722; } .sass-text.Deep-Orange-600 { - color: #f4511e; + color: #F4511E; } .sass-text.Deep-Orange-700 { - color: #e64a19; + color: #E64A19; } .sass-text.Deep-Orange-800 { - color: #d84315; + color: #D84315; } .sass-text.Deep-Orange-900 { - color: #bf360c; + color: #BF360C; } .sass-text.Deep-Orange-A100 { - color: #ff9e80; + color: #FF9E80; } .sass-text.Deep-Orange-A200 { - color: #ff6e40; + color: #FF6E40; } .sass-text.Deep-Orange-A400 { - color: #ff3d00; + color: #FF3D00; } .sass-text.Deep-Orange-A700 { - color: #dd2c00; + color: #DD2C00; } .sass-text.Brown { color: #795548; } .sass-text.Brown-50 { - color: #efebe9; + color: #EFEBE9; } .sass-text.Brown-100 { - color: #d7ccc8; + color: #D7CCC8; } .sass-text.Brown-200 { - color: #bcaaa4; + color: #BCAAA4; } .sass-text.Brown-300 { - color: #a1887f; + color: #A1887F; } .sass-text.Brown-400 { - color: #8d6e63; + color: #8D6E63; } .sass-text.Brown-500 { color: #795548; } .sass-text.Brown-600 { - color: #6d4c41; + color: #6D4C41; } .sass-text.Brown-700 { - color: #5d4037; + color: #5D4037; } .sass-text.Brown-800 { - color: #4e342e; + color: #4E342E; } .sass-text.Brown-900 { - color: #3e2723; + color: #3E2723; } .sass-text.Grey { - color: #9e9e9e; + color: #9E9E9E; } .sass-text.Grey-50 { - color: #fafafa; + color: #FAFAFA; } .sass-text.Grey-100 { - color: #f5f5f5; + color: #F5F5F5; } .sass-text.Grey-200 { - color: #eeeeee; + color: #EEEEEE; } .sass-text.Grey-300 { - color: #e0e0e0; + color: #E0E0E0; } .sass-text.Grey-400 { - color: #bdbdbd; + color: #BDBDBD; } .sass-text.Grey-500 { - color: #9e9e9e; + color: #9E9E9E; } .sass-text.Grey-600 { color: #757575; @@ -1657,34 +1657,34 @@ color: #212121; } .sass-text.Blue-Grey { - color: #607d8b; + color: #607D8B; } .sass-text.Blue-Grey-50 { - color: #eceff1; + color: #ECEFF1; } .sass-text.Blue-Grey-100 { - color: #cfd8dc; + color: #CFD8DC; } .sass-text.Blue-Grey-200 { - color: #b0bec5; + color: #B0BEC5; } .sass-text.Blue-Grey-300 { - color: #90a4ae; + color: #90A4AE; } .sass-text.Blue-Grey-400 { - color: #78909c; + color: #78909C; } .sass-text.Blue-Grey-500 { - color: #607d8b; + color: #607D8B; } .sass-text.Blue-Grey-600 { - color: #546e7a; + color: #546E7A; } .sass-text.Blue-Grey-700 { - color: #455a64; + color: #455A64; } .sass-text.Blue-Grey-800 { - color: #37474f; + color: #37474F; } .sass-text.Blue-Grey-900 { color: #263238; diff --git a/test/stylus.css b/test/stylus.css index 8366092..8d344d2 100644 --- a/test/stylus.css +++ b/test/stylus.css @@ -1,47 +1,47 @@ .stylus.Red { - background-color: #e51c23; + background-color: #f44336; } .stylus.Red-50 { - background-color: #fde0dc; + background-color: #ffebee; } .stylus.Red-100 { - background-color: #f9bdbb; + background-color: #ffcdd2; } .stylus.Red-200 { - background-color: #f69988; + background-color: #ef9a9a; } .stylus.Red-300 { - background-color: #f36c60; + background-color: #e57373; } .stylus.Red-400 { - background-color: #e84e40; + background-color: #ef5350; } .stylus.Red-500 { - background-color: #e51c23; + background-color: #f44336; } .stylus.Red-600 { - background-color: #dd191d; + background-color: #e53935; } .stylus.Red-700 { - background-color: #d01716; + background-color: #d32f2f; } .stylus.Red-800 { - background-color: #c41411; + background-color: #c62828; } .stylus.Red-900 { - background-color: #b0120a; + background-color: #b71c1c; } .stylus.Red-A100 { - background-color: #ff7997; + background-color: #ff8a80; } .stylus.Red-A200 { - background-color: #ff5177; + background-color: #ff5252; } .stylus.Red-A400 { - background-color: #ff2d6f; + background-color: #ff1744; } .stylus.Red-A700 { - background-color: #e00032; + background-color: #d50000; } .stylus.Pink { background-color: #e91e63; @@ -224,49 +224,49 @@ background-color: #304ffe; } .stylus.Blue { - background-color: #5677fc; + background-color: #2196f3; } .stylus.Blue-50 { - background-color: #e7e9fd; + background-color: #e3f2fd; } .stylus.Blue-100 { - background-color: #d0d9ff; + background-color: #bbdefb; } .stylus.Blue-200 { - background-color: #afbfff; + background-color: #90caf9; } .stylus.Blue-300 { - background-color: #91a7ff; + background-color: #64b5f6; } .stylus.Blue-400 { - background-color: #738ffe; + background-color: #42a5f5; } .stylus.Blue-500 { - background-color: #5677fc; + background-color: #2196f3; } .stylus.Blue-600 { - background-color: #4e6cef; + background-color: #1e88e5; } .stylus.Blue-700 { - background-color: #455ede; + background-color: #1976d2; } .stylus.Blue-800 { - background-color: #3b50ce; + background-color: #1565c0; } .stylus.Blue-900 { - background-color: #2a36b1; + background-color: #0d47a1; } .stylus.Blue-A100 { - background-color: #a6baff; + background-color: #82b1ff; } .stylus.Blue-A200 { - background-color: #6889ff; + background-color: #448aff; } .stylus.Blue-A400 { - background-color: #4d73ff; + background-color: #2979ff; } .stylus.Blue-A700 { - background-color: #4d69ff; + background-color: #2962ff; } .stylus.Light-Blue { background-color: #03a9f4; @@ -404,49 +404,49 @@ background-color: #00bfa5; } .stylus.Green { - background-color: #259b24; + background-color: #4caf50; } .stylus.Green-50 { - background-color: #d0f8ce; + background-color: #e8f5e9; } .stylus.Green-100 { - background-color: #a3e9a4; + background-color: #c8e6c9; } .stylus.Green-200 { - background-color: #72d572; + background-color: #a5d6a7; } .stylus.Green-300 { - background-color: #42bd41; + background-color: #81c784; } .stylus.Green-400 { - background-color: #2baf2b; + background-color: #66bb6a; } .stylus.Green-500 { - background-color: #259b24; + background-color: #4caf50; } .stylus.Green-600 { - background-color: #0a8f08; + background-color: #43a047; } .stylus.Green-700 { - background-color: #0a7e07; + background-color: #388e3c; } .stylus.Green-800 { - background-color: #056f00; + background-color: #2e7d32; } .stylus.Green-900 { - background-color: #0d5302; + background-color: #1b5e20; } .stylus.Green-A100 { - background-color: #a2f78d; + background-color: #b9f6ca; } .stylus.Green-A200 { - background-color: #5af158; + background-color: #69f0ae; } .stylus.Green-A400 { - background-color: #14e715; + background-color: #00e676; } .stylus.Green-A700 { - background-color: #12c700; + background-color: #00c853; } .stylus.Light-Green { background-color: #8bc34a; @@ -866,49 +866,49 @@ background-color: rgba(255,255,255,0.12); } .stylus-text.Red { - color: #e51c23; + color: #f44336; } .stylus-text.Red-50 { - color: #fde0dc; + color: #ffebee; } .stylus-text.Red-100 { - color: #f9bdbb; + color: #ffcdd2; } .stylus-text.Red-200 { - color: #f69988; + color: #ef9a9a; } .stylus-text.Red-300 { - color: #f36c60; + color: #e57373; } .stylus-text.Red-400 { - color: #e84e40; + color: #ef5350; } .stylus-text.Red-500 { - color: #e51c23; + color: #f44336; } .stylus-text.Red-600 { - color: #dd191d; + color: #e53935; } .stylus-text.Red-700 { - color: #d01716; + color: #d32f2f; } .stylus-text.Red-800 { - color: #c41411; + color: #c62828; } .stylus-text.Red-900 { - color: #b0120a; + color: #b71c1c; } .stylus-text.Red-A100 { - color: #ff7997; + color: #ff8a80; } .stylus-text.Red-A200 { - color: #ff5177; + color: #ff5252; } .stylus-text.Red-A400 { - color: #ff2d6f; + color: #ff1744; } .stylus-text.Red-A700 { - color: #e00032; + color: #d50000; } .stylus-text.Pink { color: #e91e63; @@ -1091,49 +1091,49 @@ color: #304ffe; } .stylus-text.Blue { - color: #5677fc; + color: #2196f3; } .stylus-text.Blue-50 { - color: #e7e9fd; + color: #e3f2fd; } .stylus-text.Blue-100 { - color: #d0d9ff; + color: #bbdefb; } .stylus-text.Blue-200 { - color: #afbfff; + color: #90caf9; } .stylus-text.Blue-300 { - color: #91a7ff; + color: #64b5f6; } .stylus-text.Blue-400 { - color: #738ffe; + color: #42a5f5; } .stylus-text.Blue-500 { - color: #5677fc; + color: #2196f3; } .stylus-text.Blue-600 { - color: #4e6cef; + color: #1e88e5; } .stylus-text.Blue-700 { - color: #455ede; + color: #1976d2; } .stylus-text.Blue-800 { - color: #3b50ce; + color: #1565c0; } .stylus-text.Blue-900 { - color: #2a36b1; + color: #0d47a1; } .stylus-text.Blue-A100 { - color: #a6baff; + color: #82b1ff; } .stylus-text.Blue-A200 { - color: #6889ff; + color: #448aff; } .stylus-text.Blue-A400 { - color: #4d73ff; + color: #2979ff; } .stylus-text.Blue-A700 { - color: #4d69ff; + color: #2962ff; } .stylus-text.Light-Blue { color: #03a9f4; @@ -1271,49 +1271,49 @@ color: #00bfa5; } .stylus-text.Green { - color: #259b24; + color: #4caf50; } .stylus-text.Green-50 { - color: #d0f8ce; + color: #e8f5e9; } .stylus-text.Green-100 { - color: #a3e9a4; + color: #c8e6c9; } .stylus-text.Green-200 { - color: #72d572; + color: #a5d6a7; } .stylus-text.Green-300 { - color: #42bd41; + color: #81c784; } .stylus-text.Green-400 { - color: #2baf2b; + color: #66bb6a; } .stylus-text.Green-500 { - color: #259b24; + color: #4caf50; } .stylus-text.Green-600 { - color: #0a8f08; + color: #43a047; } .stylus-text.Green-700 { - color: #0a7e07; + color: #388e3c; } .stylus-text.Green-800 { - color: #056f00; + color: #2e7d32; } .stylus-text.Green-900 { - color: #0d5302; + color: #1b5e20; } .stylus-text.Green-A100 { - color: #a2f78d; + color: #b9f6ca; } .stylus-text.Green-A200 { - color: #5af158; + color: #69f0ae; } .stylus-text.Green-A400 { - color: #14e715; + color: #00e676; } .stylus-text.Green-A700 { - color: #12c700; + color: #00c853; } .stylus-text.Light-Green { color: #8bc34a;