(window.webpackJsonp=window.webpackJsonp||[]).push([[24,2],{1179:function(o,c,e){"use strict";e.r(c);e(106),e(640);var r={props:["anchors"],data:function(){return{url:""}},beforeMount:function(){this.url=window.location.href.split("#")[0]}},l=e(81),component=Object(l.a)(r,(function(){var o=this,c=o.$createElement,e=o._self._c||c;return e("div",{staticClass:"page-anchor"},[e("a-anchor",{attrs:{targetOffset:80,offsetTop:85}},o._l(o.anchors,(function(title,c){return e("a-anchor-link",{key:c,attrs:{href:o.url+"#"+c,title:title}})})),1)],1)}),[],!1,null,null,null);c.default=component.exports},1238:function(o,c,e){"use strict";e.r(c);var r={head:function(){return{title:"Colors | Muse Vue Ant Design Dashboard @ Creative Tim",meta:[{hid:"description",name:"description",content:"Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too."}]}},data:function(){return{anchors:{Colors:"Colors","Primary-colors":"Primary colors","Neutral-colors":"Neutral colors"}}},methods:{onCopy:function(o){this.$message.success({content:'"'.concat(o.text,'" copied!')})}}},l=e(81),component=Object(l.a)(r,(function(){var o=this,c=o.$createElement,e=o._self._c||c;return e("div",[e("div",{staticClass:"page-row"},[e("div",{staticClass:"page-content"},[o._m(0),o._v(" "),e("a-divider"),o._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Primary-colors"}},[e("h2",[o._v("Primary colors")]),o._v(" "),e("p",[o._v("\n\t\t\t\t\t\tOur primary palette is comprised of neutrals, white, and blue. These colors are present across most touch points from marketing to product.\n\t\t\t\t\t")]),o._v(" "),e("a-row",{attrs:{gutter:[24,24]}},[e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-primary"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Primary")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#1890FF")])])]),o._v(" "),e("div",{staticClass:"overlay bg-primary"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-primary",expression:"'bg-primary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-primary  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-primary",expression:"'text-primary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-primary")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-primary",expression:"'fill-primary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-primary")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-secondary"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Secondary")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#B37FEB")])])]),o._v(" "),e("div",{staticClass:"overlay bg-secondary"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-secondary",expression:"'bg-secondary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".bg-secondary  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-secondary",expression:"'text-secondary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".text-secondary")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-secondary",expression:"'fill-secondary'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".fill-secondary")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-success"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Success")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#52C41A")])])]),o._v(" "),e("div",{staticClass:"overlay bg-success"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-success",expression:"'bg-success'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".bg-success  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-success",expression:"'text-success'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".text-success")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-success",expression:"'fill-success'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".fill-success")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-warning"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Warning")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#FADB14")])])]),o._v(" "),e("div",{staticClass:"overlay bg-warning"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-warning",expression:"'bg-warning'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".bg-warning  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-warning",expression:"'text-warning'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".text-warning")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-warning",expression:"'fill-warning'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".fill-warning")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-dark"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Dark")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#141414")])])]),o._v(" "),e("div",{staticClass:"overlay bg-dark"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-dark",expression:"'bg-dark'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".bg-dark  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-dark",expression:"'text-dark'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".text-dark")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-dark",expression:"'fill-dark'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".fill-dark")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-white"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("White")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#FFFFFF")])])]),o._v(" "),e("div",{staticClass:"overlay bg-white"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-white",expression:"'bg-white'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".bg-white  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-white",expression:"'text-white'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".text-white")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-white",expression:"'fill-white'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v(".fill-white")])])],1)])])],1)],1),o._v(" "),e("section",{staticClass:"mb-24",attrs:{id:"Neutral-colors"}},[e("h2",[o._v("Neutral colors")]),o._v(" "),e("p",[o._v("\n\t\t\t\t\t\tLight neutrals are helpful for offsetting content in a primarily white layout without losing warmth and cleanliness, and are therefore often used as a background color for web components.\n\t\t\t\t\t")]),o._v(" "),e("a-row",{attrs:{gutter:[24,24]}},[e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-1"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 1")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#FFFFFF")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-1"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-1",expression:"'bg-gray-1'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-1  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-1",expression:"'text-gray-1'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-1")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-1",expression:"'fill-gray-1'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-1")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-2"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 2")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#FAFAFA")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-2"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-2",expression:"'bg-gray-2'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-2  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-2",expression:"'text-gray-2'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-2")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-2",expression:"'fill-gray-2'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-2")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-3"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 3")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#F5F5F5")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-3"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-3",expression:"'bg-gray-3'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-3  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-3",expression:"'text-gray-3'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-3")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-3",expression:"'fill-gray-3'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-3")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-4"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 4")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#F0F0F0")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-4"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-4",expression:"'bg-gray-4'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-4  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-4",expression:"'text-gray-4'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-4")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-4",expression:"'fill-gray-4'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-4")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-5"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 5")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#D9D9D9")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-5"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-5",expression:"'bg-gray-5'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-5  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-5",expression:"'text-gray-5'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-5")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-5",expression:"'fill-gray-5'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-5")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-6"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 6")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#BFBFBF")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-6"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-6",expression:"'bg-gray-6'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-6  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-6",expression:"'text-gray-6'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-6")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-6",expression:"'fill-gray-6'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-6")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-7"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 7")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#8C8C8C")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-7"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-7",expression:"'bg-gray-7'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-7  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-7",expression:"'text-gray-7'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-7")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-7",expression:"'fill-gray-7'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-7")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-8"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 8")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#595959")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-8"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-8",expression:"'bg-gray-8'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-8  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-8",expression:"'text-gray-8'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-8")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-8",expression:"'fill-gray-8'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-8")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-9"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 9")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#434343")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-9"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-9",expression:"'bg-gray-9'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-9  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-9",expression:"'text-gray-9'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-9")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-9",expression:"'fill-gray-9'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-9")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-10"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 10")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#262626")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-10"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-10",expression:"'bg-gray-10'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-10  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-10",expression:"'text-gray-10'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-10")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-10",expression:"'fill-gray-10'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-10")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-11"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 11")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#1F1F1F")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-11"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-11",expression:"'bg-gray-11'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-11  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-11",expression:"'text-gray-11'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-11")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-11",expression:"'fill-gray-11'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-11")])])],1)])]),o._v(" "),e("a-col",{attrs:{span:24,md:12,lg:6,xl:6}},[e("div",{staticClass:"card-color-palette"},[e("div",{staticClass:"color-demo bg-gray-12"}),o._v(" "),e("div",{staticClass:"color-code"},[e("div",{staticClass:"color-name"},[e("small",[o._v("NAME")]),o._v(" "),e("h6",[o._v("Gray 12")])]),o._v(" "),e("div",{staticClass:"color-hex"},[e("small",[o._v("HEX")]),o._v(" "),e("h6",[o._v("#141414")])])]),o._v(" "),e("div",{staticClass:"overlay bg-gray-12"},[e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"bg-gray-12",expression:"'bg-gray-12'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("bg-gray-12  ")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"text-gray-12",expression:"'text-gray-12'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("text-gray-12")])]),o._v(" "),e("a-button",{directives:[{name:"clipboard",rawName:"v-clipboard:copy",value:"fill-gray-12",expression:"'fill-gray-12'",arg:"copy"},{name:"clipboard",rawName:"v-clipboard:success",value:o.onCopy,expression:"onCopy",arg:"success"}],staticClass:"btn-copy",attrs:{icon:"copy",size:"small"}},[e("code",[o._v("fill-gray-12")])])],1)])])],1)],1)],1),o._v(" "),e("muse-anchor",{attrs:{anchors:o.anchors}})],1)])}),[function(){var o=this,c=o.$createElement,e=o._self._c||c;return e("section",{staticClass:"mb-24",attrs:{id:"Colors"}},[e("h1",[o._v("Colors")]),o._v(" "),e("p",{staticClass:"text-dark"},[o._v("\n\t\t\t\t\t\tConvey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.\n\t\t\t\t\t")])])}],!1,null,"30ced149",null);c.default=component.exports;installComponents(component,{MuseAnchor:e(1179).default})}}]);