i-rubik
Version:
A Vue.js 2.0+ UI Components Framework
2 lines • 61 kB
JavaScript
webpackJsonp([0,29],{259:function(a,s,t){"use strict";Object.defineProperty(s,"__esModule",{value:!0}),s.default={name:"color",data:function(){return{txt:"I have to remind myself that some birds don’t mean to be caged . Their feathers are just too bright. And when they fly away, the part of you that knows it was a sin to lock them up. DOES rejoice. Still, the place you live in is that much more drab and empty that they’re gone. I guess I just miss my friend. "}}}},292:function(a,s,t){s=a.exports=t(59)(),s.push([a.i,".card-item[data-v-71f86a1e]{display:-ms-flexbox;display:flex;margin-bottom:30px}.card-item .card[data-v-71f86a1e]{-ms-flex:1;flex:1}.card-item .card[data-v-71f86a1e]:first-child{margin-right:50px}.color-palette[data-v-71f86a1e]{padding-bottom:60px;line-height:1;overflow:hidden}.color-palette .color-group[data-v-71f86a1e]{float:left;margin-left:5%;padding-bottom:40px;width:28%}.color-palette .color-group[data-v-71f86a1e]:nth-child(3n+1){clear:left;margin-left:0}.color-palette .color-group li[data-v-71f86a1e]{padding:10px 15px 11px;margin:0}.color-palette .color-group li.divide[data-v-71f86a1e]{border-top:4px solid #fafafa}.color-palette .color-group span[data-v-71f86a1e]{color:hsla(0,0%,100%,.87);font-size:14px;font-weight:500}.color-palette .color-group .dark span[data-v-71f86a1e]{color:rgba(0,0,0,.87)}.color-palette .color-group .hex[data-v-71f86a1e]{float:right;text-transform:uppercase;display:block}","",{version:3,sources:["/./example/views/Color.vue"],names:[],mappings:"AACA,4BACE,oBAAqB,AACrB,aAAc,AACd,kBAAoB,CACrB,AACD,kCACE,WAAY,AACR,MAAQ,CACb,AACD,8CACE,iBAAmB,CACpB,AACD,gCACE,oBAAqB,AACrB,cAAe,AACf,eAAiB,CAClB,AACD,6CACE,WAAY,AACZ,eAAgB,AAChB,oBAAqB,AACrB,SAAW,CACZ,AACD,6DACE,WAAY,AACZ,aAAe,CAChB,AACD,gDACE,uBAAwB,AACxB,QAAU,CACX,AACD,uDACE,4BAA8B,CAC/B,AACD,kDACE,0BAA8B,AAC9B,eAAgB,AAChB,eAAiB,CAClB,AACD,wDACE,qBAAwB,CACzB,AACD,kDACE,YAAa,AACb,yBAA0B,AAC1B,aAAe,CAChB",file:"Color.vue",sourcesContent:["\n.card-item[data-v-71f86a1e] {\n display: -ms-flexbox;\n display: flex;\n margin-bottom: 30px;\n}\n.card-item .card[data-v-71f86a1e] {\n -ms-flex: 1;\n flex: 1;\n}\n.card-item .card[data-v-71f86a1e]:first-child {\n margin-right: 50px;\n}\n.color-palette[data-v-71f86a1e] {\n padding-bottom: 60px;\n line-height: 1;\n overflow: hidden;\n}\n.color-palette .color-group[data-v-71f86a1e] {\n float: left;\n margin-left: 5%;\n padding-bottom: 40px;\n width: 28%;\n}\n.color-palette .color-group[data-v-71f86a1e]:nth-child(3n+1) {\n clear: left;\n margin-left: 0;\n}\n.color-palette .color-group li[data-v-71f86a1e] {\n padding: 10px 15px 11px;\n margin: 0;\n}\n.color-palette .color-group li.divide[data-v-71f86a1e] {\n border-top: 4px solid #fafafa;\n}\n.color-palette .color-group span[data-v-71f86a1e] {\n color: rgba(255,255,255,0.87);\n font-size: 14px;\n font-weight: 500;\n}\n.color-palette .color-group .dark span[data-v-71f86a1e] {\n color: rgba(0,0,0,0.87);\n}\n.color-palette .color-group .hex[data-v-71f86a1e] {\n float: right;\n text-transform: uppercase;\n display: block;\n}"],sourceRoot:"webpack://"}])},315:function(a,s,t){var c=t(292);"string"==typeof c&&(c=[[a.i,c,""]]),c.locals&&(a.exports=c.locals);t(226)("4f5f0b8b",c,!0)},340:function(a,s){a.exports={render:function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("article",[t("h1",[a._v("颜色 Color")]),a._v(" "),a._m(0),a._v(" "),t("h3",[a._v("背景色")]),a._v(" "),t("p",[a._v("\n 使用背景色需要在 class 中添加颜色名和深浅(light/darkness)\n ")]),a._v(" "),t("section",{staticClass:"card-item default"},[t("r-card",{staticClass:"green accent-3"},[t("r-card-text",[t("p",[a._v(a._s(a.txt))])])],1),a._v(" "),t("r-card",{staticClass:"red lighten-3"},[t("r-card-text",[t("p",[a._v(a._s(a.txt))])])],1)],1),a._v(" "),t("Markup",{attrs:{lang:"html"}},[a._v('\n <div class="green accent-3">this is background-color</div>\n <div class="red lighten-3">this is background-color</div>\n ')]),a._v(" "),t("h3",[a._v("文字颜色")]),a._v(" "),a._m(1),a._v(" "),t("section",{staticClass:"card-item default"},[t("r-card",{staticClass:"blue-text text-accent-3"},[t("r-card-text",[t("p",[a._v(a._s(a.txt))])])],1),a._v(" "),t("r-card",{staticClass:"orange-text text-lighten-1"},[t("r-card-text",[t("p",[a._v(a._s(a.txt))])])],1)],1),a._v(" "),t("Markup",{attrs:{lang:"html"}},[a._v('\n <div class="blue-text text-accent-3">this is text-color</div>\n <div class="orange-text text-lighten-1">this is text-color</div>\n ')]),a._v(" "),t("h3",[a._v("after 伪类颜色")]),a._v(" "),t("p",[a._v('badge 组件徽标在伪类 after 上， 使用 class="red-after" 给 after 伪类添加颜色 ')]),a._v(" "),t("r-icon",{directives:[{name:"badge",rawName:"v-badge:10.inner",arg:"10",modifiers:{inner:!0}}],staticClass:"badge-icons red-after",attrs:{large:""}},[a._v("call")]),a._v(" "),t("Markup",{attrs:{lang:"html"}},[a._v('\n <r-icon class="badge-icons red-after" large v-badge:10.inner>call</r-icon>\n ')]),a._v(" "),t("h2",[a._v("调色板")]),a._v(" "),a._m(2)],1)},staticRenderFns:[function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("p",[a._v("\n 颜色规范直接采用 Material Design 官方提供的\n "),t("a",{staticClass:"demo-link",attrs:{href:"https://material.io/guidelines/style/color.html#color-color-palette",target:"_blank"}},[a._v("调色板")])])},function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("p",[a._v("\n 文字添加颜色需要在 class 中添加文字的颜色名和深浅(light/darkness) 如："),t("br"),a._v('\n class="blue-text text-accent-3" \n ')])},function(){var a=this,s=a.$createElement,t=a._self._c||s;return t("div",{staticClass:"color-palette"},[t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#f44336"}},[t("span",{staticClass:"name light-strong"},[a._v("Red")]),a._v(" "),t("span",{staticClass:"shade light-strong"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex light-strong"},[a._v("#f44336")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffebee"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#ffebee")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffcdd2"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#ffcdd2")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ef9a9a"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#ef9a9a")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e57373"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#e57373")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#ef5350"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ef5350")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#f44336"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#f44336")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#e53935"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#e53935")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#d32f2f"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#d32f2f")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#c62828"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#c62828")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#b71c1c"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#b71c1c")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ff8a80"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ff8a80")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#ff5252"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#ff5252")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#ff1744"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#ff1744")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#d50000"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#d50000")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#E91E63"}},[t("span",{staticClass:"name light-strong"},[a._v("Pink")]),a._v(" "),t("span",{staticClass:"shade light-strong"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex light-strong"},[a._v("#e91e63")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fce4ec"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#fce4ec")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f8bbd0"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#f8bbd0")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f48fb1"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#f48fb1")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#f06292"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#f06292")])]),a._v(" "),t("li",{staticClass:"color ",staticStyle:{"background-color":"#ec407a"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ec407a")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#e91e63"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#e91e63")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#d81b60"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#d81b60")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#c2185b"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#c2185b")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#ad1457"}},[t("span",{staticClass:"shade"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#ad1457")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#880e4f"}},[t("span",{staticClass:"shade"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#880e4f")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ff80ab"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ff80ab")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#ff4081"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#ff4081")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#f50057"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#f50057")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#c51162"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#c51162")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#9c27b0"}},[t("span",{staticClass:"name"},[a._v("Purple")]),a._v(" "),t("span",{staticClass:"shade"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex"},[a._v("#9c27b0")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f3e5f5"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#f3e5f5")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e1bee7"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#e1bee7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ce93d8"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#ce93d8")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#ba68c8"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#ba68c8")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#ab47bc"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ab47bc")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#9c27b0"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#9c27b0")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#8e24aa"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#8e24aa")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#7b1fa2"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#7b1fa2")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#6a1b9a"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#6a1b9a")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#4a148c"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#4a148c")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ea80fc"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ea80fc")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#e040fb"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#e040fb")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#d500f9"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#d500f9")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#aa00ff"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#aa00ff")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#673ab7"}},[t("span",{staticClass:"name"},[a._v("Deep Purple")]),a._v(" "),t("span",{staticClass:"shade"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex"},[a._v("#673ab7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ede7f6"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#ede7f6")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#d1c4e9"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#d1c4e9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#b39ddb"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#b39ddb")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#9575cd"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#9575cd")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#7e57c2"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#7e57c2")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#673ab7"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#673ab7")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#5e35b1"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#5e35b1")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#512da8"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#512da8")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#4527a0"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#4527a0")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#311b92"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#311b92")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#b388ff"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#b388ff")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#7c4dff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#7c4dff")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#651fff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#651fff")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#6200ea"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#6200ea")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#3f51b5"}},[t("span",{staticClass:"name"},[a._v("Indigo")]),a._v(" "),t("span",{staticClass:"shade"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex"},[a._v("#3f51b5")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e8eaf6"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e8eaf6")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#c5cae9"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#c5cae9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#9fa8da"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#9fa8da")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#7986cb"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#7986cb")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#5c6bc0"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#5c6bc0")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#3f51b5"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#3f51b5")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#3949ab"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#3949ab")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#303f9f"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#303f9f")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#283593"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#283593")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#1a237e"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#1a237e")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#8c9eff"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#8c9eff")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#536dfe"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#536dfe")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#3d5afe"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#3d5afe")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#304ffe"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#304ffe")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#2196F3"}},[t("span",{staticClass:"name light-strong"},[a._v("Blue")]),a._v(" "),t("span",{staticClass:"shade light-strong"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex light-strong"},[a._v("#2196f3")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e3f2fd"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e3f2fd")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#bbdefb"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#bbdefb")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#90caf9"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#90caf9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#64b5f6"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#64b5f6")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#42a5f5"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#42a5f5")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#2196f3"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#2196f3")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#1e88e5"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#1e88e5")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#1976d2"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#1976d2")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#1565c0"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#1565c0")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#0d47a1"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#0d47a1")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#82b1ff"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#82b1ff")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#448aff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#448aff")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#2979ff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#2979ff")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#2962ff"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#2962ff")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#03a9f4"}},[t("span",{staticClass:"name dark"},[a._v("Light Blue")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#03a9f4")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e1f5fe"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e1f5fe")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#b3e5fc"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#b3e5fc")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#81d4fa"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#81d4fa")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#4fc3f7"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#4fc3f7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#29b6f6"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#29b6f6")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#03a9f4"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#03a9f4")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#039be5"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#039be5")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#0288d1"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#0288d1")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#0277bd"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#0277bd")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#01579b"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#01579b")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#80d8ff"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#80d8ff")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#40c4ff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#40c4ff")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00b0ff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#00b0ff")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#0091ea"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#0091ea")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#00bcd4"}},[t("span",{staticClass:"name dark"},[a._v("Cyan")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#00bcd4")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e0f7fa"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e0f7fa")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#b2ebf2"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#b2ebf2")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#80deea"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#80deea")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#4dd0e1"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#4dd0e1")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#26c6da"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#26c6da")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00bcd4"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#00bcd4")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00acc1"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#00acc1")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#0097a7"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#0097a7")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#00838f"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#00838f")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#006064"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#006064")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#84ffff"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#84ffff")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#18ffff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#18ffff")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00e5ff"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#00e5ff")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00b8d4"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#00b8d4")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#009688"}},[t("span",{staticClass:"name light-strong"},[a._v("Teal")]),a._v(" "),t("span",{staticClass:"shade light-strong"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex light-strong"},[a._v("#009688")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e0f2f1"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e0f2f1")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#b2dfdb"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#b2dfdb")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#80cbc4"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#80cbc4")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#4db6ac"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#4db6ac")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#26a69a"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#26a69a")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#009688"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#009688")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#00897b"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#00897b")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#00796b"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#00796b")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#00695c"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#00695c")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#004d40"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#004d40")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#a7ffeb"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#a7ffeb")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#64ffda"}},[t("span",{
staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#64ffda")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#1de9b6"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#1de9b6")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00bfa5"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#00bfa5")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#4caf50"}},[t("span",{staticClass:"name dark"},[a._v("Green")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#4caf50")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e8f5e9"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#e8f5e9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#c8e6c9"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#c8e6c9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#a5d6a7"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#a5d6a7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#81c784"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#81c784")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#66bb6a"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#66bb6a")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#4caf50"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#4caf50")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#43a047"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#43a047")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#388e3c"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#388e3c")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#2e7d32"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#2e7d32")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#1b5e20"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#1b5e20")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#b9f6ca"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#b9f6ca")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#69f0ae"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#69f0ae")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00e676"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#00e676")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#00c853"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#00c853")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#8bc34a"}},[t("span",{staticClass:"name dark"},[a._v("Light Green")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#8bc34a")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f1f8e9"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#f1f8e9")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#dcedc8"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#dcedc8")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#c5e1a5"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#c5e1a5")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#aed581"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#aed581")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#9ccc65"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#9ccc65")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#8bc34a"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#8bc34a")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#7cb342"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#7cb342")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#689f38"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#689f38")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#558b2f"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#558b2f")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#33691e"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#33691e")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ccff90"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ccff90")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#b2ff59"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#b2ff59")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#76ff03"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#76ff03")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#64dd17"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#64dd17")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#cddc39"}},[t("span",{staticClass:"name dark"},[a._v("Lime")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#cddc39")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f9fbe7"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#f9fbe7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f0f4c3"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#f0f4c3")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#e6ee9c"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#e6ee9c")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#dce775"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#dce775")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#d4e157"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#d4e157")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#cddc39"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#cddc39")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#c0ca33"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#c0ca33")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#afb42b"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#afb42b")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#9e9d24"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#9e9d24")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#827717"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#827717")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#f4ff81"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#f4ff81")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#eeff41"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#eeff41")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#c6ff00"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#c6ff00")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#aeea00"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#aeea00")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#ffeb3b"}},[t("span",{staticClass:"name dark"},[a._v("Yellow")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#ffeb3b")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fffde7"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#fffde7")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fff9c4"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#fff9c4")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fff59d"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#fff59d")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fff176"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#fff176")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffee58"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ffee58")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffeb3b"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#ffeb3b")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fdd835"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#fdd835")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fbc02d"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#fbc02d")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f9a825"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#f9a825")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f57f17"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#f57f17")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ffff8d"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ffff8d")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffff00"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#ffff00")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffea00"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#ffea00")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffd600"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#ffd600")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#ffc107"}},[t("span",{staticClass:"name dark"},[a._v("Amber")]),a._v(" "),t("span",{staticClass:"shade dark"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark"},[a._v("#ffc107")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fff8e1"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#fff8e1")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffecb3"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#ffecb3")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffe082"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#ffe082")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffd54f"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#ffd54f")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffca28"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ffca28")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffc107"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#ffc107")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffb300"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#ffb300")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffa000"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#ffa000")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ff8f00"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#ff8f00")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ff6f00"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#ff6f00")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ffe57f"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ffe57f")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffd740"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A200")]),t("span",{staticClass:"hex"},[a._v("#ffd740")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffc400"}},[t("span",{staticClass:"shade accent expanded"},[a._v("A400")]),t("span",{staticClass:"hex"},[a._v("#ffc400")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffab00"}},[t("span",{staticClass:"shade accent"},[a._v("A700")]),t("span",{staticClass:"hex"},[a._v("#ffab00")])])])]),a._v(" "),t("section",{staticClass:"color-group"},[t("ul",[t("li",{staticClass:"color main-color",staticStyle:{"background-color":"#ff9800"}},[t("span",{staticClass:"name dark-when-small"},[a._v("Orange")]),a._v(" "),t("span",{staticClass:"shade dark-when-small"},[a._v("500")]),a._v(" "),t("span",{staticClass:"hex dark-when-small"},[a._v("#ff9800")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fff3e0"}},[t("span",{staticClass:"shade expanded"},[a._v("50")]),t("span",{staticClass:"hex"},[a._v("#fff3e0")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffe0b2"}},[t("span",{staticClass:"shade"},[a._v("100")]),t("span",{staticClass:"hex"},[a._v("#ffe0b2")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffcc80"}},[t("span",{staticClass:"shade expanded"},[a._v("200")]),t("span",{staticClass:"hex"},[a._v("#ffcc80")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffb74d"}},[t("span",{staticClass:"shade"},[a._v("300")]),t("span",{staticClass:"hex"},[a._v("#ffb74d")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ffa726"}},[t("span",{staticClass:"shade expanded"},[a._v("400")]),t("span",{staticClass:"hex"},[a._v("#ffa726")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#ff9800"}},[t("span",{staticClass:"shade"},[a._v("500")]),t("span",{staticClass:"hex"},[a._v("#ff9800")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#fb8c00"}},[t("span",{staticClass:"shade expanded"},[a._v("600")]),t("span",{staticClass:"hex"},[a._v("#fb8c00")])]),a._v(" "),t("li",{staticClass:"color dark",staticStyle:{"background-color":"#f57c00"}},[t("span",{staticClass:"shade"},[a._v("700")]),t("span",{staticClass:"hex"},[a._v("#f57c00")])]),a._v(" "),t("li",{staticClass:"color light-strong",staticStyle:{"background-color":"#ef6c00"}},[t("span",{staticClass:"shade expanded"},[a._v("800")]),t("span",{staticClass:"hex"},[a._v("#ef6c00")])]),a._v(" "),t("li",{staticClass:"color",staticStyle:{"background-color":"#e65100"}},[t("span",{staticClass:"shade expanded"},[a._v("900")]),t("span",{staticClass:"hex"},[a._v("#e65100")])]),a._v(" "),t("li",{staticClass:"color dark divide",staticStyle:{"background-color":"#ffd180"}},[t("span",{staticClass:"shade accent"},[a._v("A100")]),t("span",{staticClass:"hex"},[a._v("#ffd180"