diff --git a/generate.php b/generate.php index 6a03ea5..a66150e 100644 --- a/generate.php +++ b/generate.php @@ -1,50 +1,60 @@ ["background-color" => "m", "color" => "t!"], + "alert .alert-link" => ["color" => "t!"], + "alert .alert-heading" => ["color" => "t!"], + "badge" => ["background-color" => "m", "color" => "t"], + "btn" => ["background-color" => "m", "color" => "t"], + "bg" => ["background-color" => "m"], + "list-group-item" => ["background-color" => "m", "color" => "t"], + "border" => ["border-color" => "m", "border-width" => "1px"], + "text" => ["color" => "m"] +]; $colors = [ -"red" => "#f44336", -"pink" => "#e91e63", -"purple" => "#9c27b0", -"deep-purple" => "#673ab7", -"indigo" => "#3f51b5", -"blue" => "#2196f3", -"light-blue" => "#03a9f4", -"cyan" => "#00bcd4", -"teal" => "#009688", -"green" => "#4caf50", -"light-green" => "#8bc34a", -"lime" => "#cddc39", -"yellow" => "#ffeb3b", -"amber" => "#ffc107", -"orange" => "#ff9800", -"deep-orange" => "#ff5722", -"brown" => "#795548", -"grey" => "#9e9e9e", -"blue-grey" => "#607d8b" + "red" => "#f44336", + "pink" => "#e91e63", + "purple" => "#9c27b0", + "deep-purple" => "#673ab7", + "indigo" => "#3f51b5", + "blue" => "#2196f3", + "light-blue" => "#03a9f4", + "cyan" => "#00bcd4", + "teal" => "#009688", + "green" => "#4caf50", + "light-green" => "#8bc34a", + "lime" => "#cddc39", + "yellow" => "#ffeb3b", + "amber" => "#ffc107", + "orange" => "#ff9800", + "deep-orange" => "#ff5722", + "brown" => "#795548", + "grey" => "#9e9e9e", + "blue-grey" => "#607d8b" ]; $texts = [ -"red" => "white", -"pink" => "white", -"purple" => "white", -"deep-purple" => "white", -"indigo" => "white", -"blue" => "white", -"light-blue" => "black", -"cyan" => "black", -"teal" => "white", -"green" => "white", -"light-green" => "black", -"lime" => "black", -"yellow" => "black", -"amber" => "black", -"orange" => "black", -"deep-orange" => "white", -"brown" => "white", -"grey" => "black", -"blue-grey" => "white" + "red" => "white", + "pink" => "white", + "purple" => "white", + "deep-purple" => "white", + "indigo" => "white", + "blue" => "white", + "light-blue" => "black", + "cyan" => "black", + "teal" => "white", + "green" => "white", + "light-green" => "black", + "lime" => "black", + "yellow" => "black", + "amber" => "black", + "orange" => "black", + "deep-orange" => "white", + "brown" => "white", + "grey" => "black", + "blue-grey" => "white" ]; @@ -72,30 +82,54 @@ if ($use_variables) { } /* The fun bit */ -foreach ($classes as $c) { +foreach ($classes as $c => $props) { foreach ($colors as $k => $v) { - $textcolor = $texts[$k]; + $t = $texts[$k]; // Save a few bytes - if ($textcolor == "white") { - $textcolor = "#fff"; - } else if ($textcolor == "black") { - $textcolor = "#000"; + if ($t == "white") { + $t = "#fff"; + } else if ($t == "black") { + $t = "#000"; } - - // Class and background color - echo ".$c-$k {\n\tbackground-color: "; + + // Color setup if ($use_variables) { - echo "var(--material-color-$k)"; + $m = "var(--material-color-$k)"; } else { - echo $v; + $m = $v; } - echo ";\n"; - // Text color - if ($c != "bg") { - echo "\tcolor: $textcolor;\n"; + // Class + if (strpos($c, " ") !== FALSE) { + $classes = explode(" ", $c); + foreach ($classes as $cl) { + if (strpos($cl, ".") === 0) { + echo "$cl "; + } else { + echo ".$cl-$k "; + } + } + echo "{\n"; + } else { + echo ".$c-$k {\n"; } - + + foreach ($props as $prop => $val) { + echo "\t$prop: "; + if (strpos($val, "m") === 0) { + echo $m; + } else if (strpos($val, "t") === 0) { + echo $t; + } else { + echo $val; + } + if (strpos($val, "!") === 1) { + echo " !important"; + } + echo ";\n"; + } + + // Finish it off echo "}\n"; } } diff --git a/material-color.css b/material-color.css index 55b6474..e618662 100644 --- a/material-color.css +++ b/material-color.css @@ -5,79 +5,193 @@ */ .alert-red { background-color: #f44336; - color: #fff; + color: #fff !important; } .alert-pink { background-color: #e91e63; - color: #fff; + color: #fff !important; } .alert-purple { background-color: #9c27b0; - color: #fff; + color: #fff !important; } .alert-deep-purple { background-color: #673ab7; - color: #fff; + color: #fff !important; } .alert-indigo { background-color: #3f51b5; - color: #fff; + color: #fff !important; } .alert-blue { background-color: #2196f3; - color: #fff; + color: #fff !important; } .alert-light-blue { background-color: #03a9f4; - color: #000; + color: #000 !important; } .alert-cyan { background-color: #00bcd4; - color: #000; + color: #000 !important; } .alert-teal { background-color: #009688; - color: #fff; + color: #fff !important; } .alert-green { background-color: #4caf50; - color: #fff; + color: #fff !important; } .alert-light-green { background-color: #8bc34a; - color: #000; + color: #000 !important; } .alert-lime { background-color: #cddc39; - color: #000; + color: #000 !important; } .alert-yellow { background-color: #ffeb3b; - color: #000; + color: #000 !important; } .alert-amber { background-color: #ffc107; - color: #000; + color: #000 !important; } .alert-orange { background-color: #ff9800; - color: #000; + color: #000 !important; } .alert-deep-orange { background-color: #ff5722; - color: #fff; + color: #fff !important; } .alert-brown { background-color: #795548; - color: #fff; + color: #fff !important; } .alert-grey { background-color: #9e9e9e; - color: #000; + color: #000 !important; } .alert-blue-grey { background-color: #607d8b; - color: #fff; + color: #fff !important; +} +.alert-red .alert-link { + color: #fff !important; +} +.alert-pink .alert-link { + color: #fff !important; +} +.alert-purple .alert-link { + color: #fff !important; +} +.alert-deep-purple .alert-link { + color: #fff !important; +} +.alert-indigo .alert-link { + color: #fff !important; +} +.alert-blue .alert-link { + color: #fff !important; +} +.alert-light-blue .alert-link { + color: #000 !important; +} +.alert-cyan .alert-link { + color: #000 !important; +} +.alert-teal .alert-link { + color: #fff !important; +} +.alert-green .alert-link { + color: #fff !important; +} +.alert-light-green .alert-link { + color: #000 !important; +} +.alert-lime .alert-link { + color: #000 !important; +} +.alert-yellow .alert-link { + color: #000 !important; +} +.alert-amber .alert-link { + color: #000 !important; +} +.alert-orange .alert-link { + color: #000 !important; +} +.alert-deep-orange .alert-link { + color: #fff !important; +} +.alert-brown .alert-link { + color: #fff !important; +} +.alert-grey .alert-link { + color: #000 !important; +} +.alert-blue-grey .alert-link { + color: #fff !important; +} +.alert-red .alert-heading { + color: #fff !important; +} +.alert-pink .alert-heading { + color: #fff !important; +} +.alert-purple .alert-heading { + color: #fff !important; +} +.alert-deep-purple .alert-heading { + color: #fff !important; +} +.alert-indigo .alert-heading { + color: #fff !important; +} +.alert-blue .alert-heading { + color: #fff !important; +} +.alert-light-blue .alert-heading { + color: #000 !important; +} +.alert-cyan .alert-heading { + color: #000 !important; +} +.alert-teal .alert-heading { + color: #fff !important; +} +.alert-green .alert-heading { + color: #fff !important; +} +.alert-light-green .alert-heading { + color: #000 !important; +} +.alert-lime .alert-heading { + color: #000 !important; +} +.alert-yellow .alert-heading { + color: #000 !important; +} +.alert-amber .alert-heading { + color: #000 !important; +} +.alert-orange .alert-heading { + color: #000 !important; +} +.alert-deep-orange .alert-heading { + color: #fff !important; +} +.alert-brown .alert-heading { + color: #fff !important; +} +.alert-grey .alert-heading { + color: #000 !important; +} +.alert-blue-grey .alert-heading { + color: #fff !important; } .badge-red { background-color: #f44336; @@ -364,3 +478,136 @@ background-color: #607d8b; color: #fff; } +.border-red { + border-color: #f44336; + border-width: 1px; +} +.border-pink { + border-color: #e91e63; + border-width: 1px; +} +.border-purple { + border-color: #9c27b0; + border-width: 1px; +} +.border-deep-purple { + border-color: #673ab7; + border-width: 1px; +} +.border-indigo { + border-color: #3f51b5; + border-width: 1px; +} +.border-blue { + border-color: #2196f3; + border-width: 1px; +} +.border-light-blue { + border-color: #03a9f4; + border-width: 1px; +} +.border-cyan { + border-color: #00bcd4; + border-width: 1px; +} +.border-teal { + border-color: #009688; + border-width: 1px; +} +.border-green { + border-color: #4caf50; + border-width: 1px; +} +.border-light-green { + border-color: #8bc34a; + border-width: 1px; +} +.border-lime { + border-color: #cddc39; + border-width: 1px; +} +.border-yellow { + border-color: #ffeb3b; + border-width: 1px; +} +.border-amber { + border-color: #ffc107; + border-width: 1px; +} +.border-orange { + border-color: #ff9800; + border-width: 1px; +} +.border-deep-orange { + border-color: #ff5722; + border-width: 1px; +} +.border-brown { + border-color: #795548; + border-width: 1px; +} +.border-grey { + border-color: #9e9e9e; + border-width: 1px; +} +.border-blue-grey { + border-color: #607d8b; + border-width: 1px; +} +.text-red { + color: #f44336; +} +.text-pink { + color: #e91e63; +} +.text-purple { + color: #9c27b0; +} +.text-deep-purple { + color: #673ab7; +} +.text-indigo { + color: #3f51b5; +} +.text-blue { + color: #2196f3; +} +.text-light-blue { + color: #03a9f4; +} +.text-cyan { + color: #00bcd4; +} +.text-teal { + color: #009688; +} +.text-green { + color: #4caf50; +} +.text-light-green { + color: #8bc34a; +} +.text-lime { + color: #cddc39; +} +.text-yellow { + color: #ffeb3b; +} +.text-amber { + color: #ffc107; +} +.text-orange { + color: #ff9800; +} +.text-deep-orange { + color: #ff5722; +} +.text-brown { + color: #795548; +} +.text-grey { + color: #9e9e9e; +} +.text-blue-grey { + color: #607d8b; +} diff --git a/material-color.min.css b/material-color.min.css index 8957fba..103a9f1 100644 --- a/material-color.min.css +++ b/material-color.min.css @@ -3,4 +3,4 @@ * MIT License * https://source.netsyms.com/Netsyms/Material-Color */ -.alert-red{background-color:#f44336;color:#fff}.alert-pink{background-color:#e91e63;color:#fff}.alert-purple{background-color:#9c27b0;color:#fff}.alert-deep-purple{background-color:#673ab7;color:#fff}.alert-indigo{background-color:#3f51b5;color:#fff}.alert-blue{background-color:#2196f3;color:#fff}.alert-light-blue{background-color:#03a9f4;color:#000}.alert-cyan{background-color:#00bcd4;color:#000}.alert-teal{background-color:#009688;color:#fff}.alert-green{background-color:#4caf50;color:#fff}.alert-light-green{background-color:#8bc34a;color:#000}.alert-lime{background-color:#cddc39;color:#000}.alert-yellow{background-color:#ffeb3b;color:#000}.alert-amber{background-color:#ffc107;color:#000}.alert-orange{background-color:#ff9800;color:#000}.alert-deep-orange{background-color:#ff5722;color:#fff}.alert-brown{background-color:#795548;color:#fff}.alert-grey{background-color:#9e9e9e;color:#000}.alert-blue-grey{background-color:#607d8b;color:#fff}.badge-red{background-color:#f44336;color:#fff}.badge-pink{background-color:#e91e63;color:#fff}.badge-purple{background-color:#9c27b0;color:#fff}.badge-deep-purple{background-color:#673ab7;color:#fff}.badge-indigo{background-color:#3f51b5;color:#fff}.badge-blue{background-color:#2196f3;color:#fff}.badge-light-blue{background-color:#03a9f4;color:#000}.badge-cyan{background-color:#00bcd4;color:#000}.badge-teal{background-color:#009688;color:#fff}.badge-green{background-color:#4caf50;color:#fff}.badge-light-green{background-color:#8bc34a;color:#000}.badge-lime{background-color:#cddc39;color:#000}.badge-yellow{background-color:#ffeb3b;color:#000}.badge-amber{background-color:#ffc107;color:#000}.badge-orange{background-color:#ff9800;color:#000}.badge-deep-orange{background-color:#ff5722;color:#fff}.badge-brown{background-color:#795548;color:#fff}.badge-grey{background-color:#9e9e9e;color:#000}.badge-blue-grey{background-color:#607d8b;color:#fff}.btn-red{background-color:#f44336;color:#fff}.btn-pink{background-color:#e91e63;color:#fff}.btn-purple{background-color:#9c27b0;color:#fff}.btn-deep-purple{background-color:#673ab7;color:#fff}.btn-indigo{background-color:#3f51b5;color:#fff}.btn-blue{background-color:#2196f3;color:#fff}.btn-light-blue{background-color:#03a9f4;color:#000}.btn-cyan{background-color:#00bcd4;color:#000}.btn-teal{background-color:#009688;color:#fff}.btn-green{background-color:#4caf50;color:#fff}.btn-light-green{background-color:#8bc34a;color:#000}.btn-lime{background-color:#cddc39;color:#000}.btn-yellow{background-color:#ffeb3b;color:#000}.btn-amber{background-color:#ffc107;color:#000}.btn-orange{background-color:#ff9800;color:#000}.btn-deep-orange{background-color:#ff5722;color:#fff}.btn-brown{background-color:#795548;color:#fff}.btn-grey{background-color:#9e9e9e;color:#000}.btn-blue-grey{background-color:#607d8b;color:#fff}.bg-red{background-color:#f44336}.bg-pink{background-color:#e91e63}.bg-purple{background-color:#9c27b0}.bg-deep-purple{background-color:#673ab7}.bg-indigo{background-color:#3f51b5}.bg-blue{background-color:#2196f3}.bg-light-blue{background-color:#03a9f4}.bg-cyan{background-color:#00bcd4}.bg-teal{background-color:#009688}.bg-green{background-color:#4caf50}.bg-light-green{background-color:#8bc34a}.bg-lime{background-color:#cddc39}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.bg-deep-orange{background-color:#ff5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9e9e9e}.bg-blue-grey{background-color:#607d8b}.list-group-item-red{background-color:#f44336;color:#fff}.list-group-item-pink{background-color:#e91e63;color:#fff}.list-group-item-purple{background-color:#9c27b0;color:#fff}.list-group-item-deep-purple{background-color:#673ab7;color:#fff}.list-group-item-indigo{background-color:#3f51b5;color:#fff}.list-group-item-blue{background-color:#2196f3;color:#fff}.list-group-item-light-blue{background-color:#03a9f4;color:#000}.list-group-item-cyan{background-color:#00bcd4;color:#000}.list-group-item-teal{background-color:#009688;color:#fff}.list-group-item-green{background-color:#4caf50;color:#fff}.list-group-item-light-green{background-color:#8bc34a;color:#000}.list-group-item-lime{background-color:#cddc39;color:#000}.list-group-item-yellow{background-color:#ffeb3b;color:#000}.list-group-item-amber{background-color:#ffc107;color:#000}.list-group-item-orange{background-color:#ff9800;color:#000}.list-group-item-deep-orange{background-color:#ff5722;color:#fff}.list-group-item-brown{background-color:#795548;color:#fff}.list-group-item-grey{background-color:#9e9e9e;color:#000}.list-group-item-blue-grey{background-color:#607d8b;color:#fff} +.alert-red{background-color:#f44336;color:#fff!important}.alert-pink{background-color:#e91e63;color:#fff!important}.alert-purple{background-color:#9c27b0;color:#fff!important}.alert-deep-purple{background-color:#673ab7;color:#fff!important}.alert-indigo{background-color:#3f51b5;color:#fff!important}.alert-blue{background-color:#2196f3;color:#fff!important}.alert-light-blue{background-color:#03a9f4;color:#000!important}.alert-cyan{background-color:#00bcd4;color:#000!important}.alert-teal{background-color:#009688;color:#fff!important}.alert-green{background-color:#4caf50;color:#fff!important}.alert-light-green{background-color:#8bc34a;color:#000!important}.alert-lime{background-color:#cddc39;color:#000!important}.alert-yellow{background-color:#ffeb3b;color:#000!important}.alert-amber{background-color:#ffc107;color:#000!important}.alert-orange{background-color:#ff9800;color:#000!important}.alert-deep-orange{background-color:#ff5722;color:#fff!important}.alert-brown{background-color:#795548;color:#fff!important}.alert-grey{background-color:#9e9e9e;color:#000!important}.alert-blue-grey{background-color:#607d8b;color:#fff!important}.alert-red .alert-link{color:#fff!important}.alert-pink .alert-link{color:#fff!important}.alert-purple .alert-link{color:#fff!important}.alert-deep-purple .alert-link{color:#fff!important}.alert-indigo .alert-link{color:#fff!important}.alert-blue .alert-link{color:#fff!important}.alert-light-blue .alert-link{color:#000!important}.alert-cyan .alert-link{color:#000!important}.alert-teal .alert-link{color:#fff!important}.alert-green .alert-link{color:#fff!important}.alert-light-green .alert-link{color:#000!important}.alert-lime .alert-link{color:#000!important}.alert-yellow .alert-link{color:#000!important}.alert-amber .alert-link{color:#000!important}.alert-orange .alert-link{color:#000!important}.alert-deep-orange .alert-link{color:#fff!important}.alert-brown .alert-link{color:#fff!important}.alert-grey .alert-link{color:#000!important}.alert-blue-grey .alert-link{color:#fff!important}.alert-red .alert-heading{color:#fff!important}.alert-pink .alert-heading{color:#fff!important}.alert-purple .alert-heading{color:#fff!important}.alert-deep-purple .alert-heading{color:#fff!important}.alert-indigo .alert-heading{color:#fff!important}.alert-blue .alert-heading{color:#fff!important}.alert-light-blue .alert-heading{color:#000!important}.alert-cyan .alert-heading{color:#000!important}.alert-teal .alert-heading{color:#fff!important}.alert-green .alert-heading{color:#fff!important}.alert-light-green .alert-heading{color:#000!important}.alert-lime .alert-heading{color:#000!important}.alert-yellow .alert-heading{color:#000!important}.alert-amber .alert-heading{color:#000!important}.alert-orange .alert-heading{color:#000!important}.alert-deep-orange .alert-heading{color:#fff!important}.alert-brown .alert-heading{color:#fff!important}.alert-grey .alert-heading{color:#000!important}.alert-blue-grey .alert-heading{color:#fff!important}.badge-red{background-color:#f44336;color:#fff}.badge-pink{background-color:#e91e63;color:#fff}.badge-purple{background-color:#9c27b0;color:#fff}.badge-deep-purple{background-color:#673ab7;color:#fff}.badge-indigo{background-color:#3f51b5;color:#fff}.badge-blue{background-color:#2196f3;color:#fff}.badge-light-blue{background-color:#03a9f4;color:#000}.badge-cyan{background-color:#00bcd4;color:#000}.badge-teal{background-color:#009688;color:#fff}.badge-green{background-color:#4caf50;color:#fff}.badge-light-green{background-color:#8bc34a;color:#000}.badge-lime{background-color:#cddc39;color:#000}.badge-yellow{background-color:#ffeb3b;color:#000}.badge-amber{background-color:#ffc107;color:#000}.badge-orange{background-color:#ff9800;color:#000}.badge-deep-orange{background-color:#ff5722;color:#fff}.badge-brown{background-color:#795548;color:#fff}.badge-grey{background-color:#9e9e9e;color:#000}.badge-blue-grey{background-color:#607d8b;color:#fff}.btn-red{background-color:#f44336;color:#fff}.btn-pink{background-color:#e91e63;color:#fff}.btn-purple{background-color:#9c27b0;color:#fff}.btn-deep-purple{background-color:#673ab7;color:#fff}.btn-indigo{background-color:#3f51b5;color:#fff}.btn-blue{background-color:#2196f3;color:#fff}.btn-light-blue{background-color:#03a9f4;color:#000}.btn-cyan{background-color:#00bcd4;color:#000}.btn-teal{background-color:#009688;color:#fff}.btn-green{background-color:#4caf50;color:#fff}.btn-light-green{background-color:#8bc34a;color:#000}.btn-lime{background-color:#cddc39;color:#000}.btn-yellow{background-color:#ffeb3b;color:#000}.btn-amber{background-color:#ffc107;color:#000}.btn-orange{background-color:#ff9800;color:#000}.btn-deep-orange{background-color:#ff5722;color:#fff}.btn-brown{background-color:#795548;color:#fff}.btn-grey{background-color:#9e9e9e;color:#000}.btn-blue-grey{background-color:#607d8b;color:#fff}.bg-red{background-color:#f44336}.bg-pink{background-color:#e91e63}.bg-purple{background-color:#9c27b0}.bg-deep-purple{background-color:#673ab7}.bg-indigo{background-color:#3f51b5}.bg-blue{background-color:#2196f3}.bg-light-blue{background-color:#03a9f4}.bg-cyan{background-color:#00bcd4}.bg-teal{background-color:#009688}.bg-green{background-color:#4caf50}.bg-light-green{background-color:#8bc34a}.bg-lime{background-color:#cddc39}.bg-yellow{background-color:#ffeb3b}.bg-amber{background-color:#ffc107}.bg-orange{background-color:#ff9800}.bg-deep-orange{background-color:#ff5722}.bg-brown{background-color:#795548}.bg-grey{background-color:#9e9e9e}.bg-blue-grey{background-color:#607d8b}.list-group-item-red{background-color:#f44336;color:#fff}.list-group-item-pink{background-color:#e91e63;color:#fff}.list-group-item-purple{background-color:#9c27b0;color:#fff}.list-group-item-deep-purple{background-color:#673ab7;color:#fff}.list-group-item-indigo{background-color:#3f51b5;color:#fff}.list-group-item-blue{background-color:#2196f3;color:#fff}.list-group-item-light-blue{background-color:#03a9f4;color:#000}.list-group-item-cyan{background-color:#00bcd4;color:#000}.list-group-item-teal{background-color:#009688;color:#fff}.list-group-item-green{background-color:#4caf50;color:#fff}.list-group-item-light-green{background-color:#8bc34a;color:#000}.list-group-item-lime{background-color:#cddc39;color:#000}.list-group-item-yellow{background-color:#ffeb3b;color:#000}.list-group-item-amber{background-color:#ffc107;color:#000}.list-group-item-orange{background-color:#ff9800;color:#000}.list-group-item-deep-orange{background-color:#ff5722;color:#fff}.list-group-item-brown{background-color:#795548;color:#fff}.list-group-item-grey{background-color:#9e9e9e;color:#000}.list-group-item-blue-grey{background-color:#607d8b;color:#fff}.border-red{border-color:#f44336;border-width:1px}.border-pink{border-color:#e91e63;border-width:1px}.border-purple{border-color:#9c27b0;border-width:1px}.border-deep-purple{border-color:#673ab7;border-width:1px}.border-indigo{border-color:#3f51b5;border-width:1px}.border-blue{border-color:#2196f3;border-width:1px}.border-light-blue{border-color:#03a9f4;border-width:1px}.border-cyan{border-color:#00bcd4;border-width:1px}.border-teal{border-color:#009688;border-width:1px}.border-green{border-color:#4caf50;border-width:1px}.border-light-green{border-color:#8bc34a;border-width:1px}.border-lime{border-color:#cddc39;border-width:1px}.border-yellow{border-color:#ffeb3b;border-width:1px}.border-amber{border-color:#ffc107;border-width:1px}.border-orange{border-color:#ff9800;border-width:1px}.border-deep-orange{border-color:#ff5722;border-width:1px}.border-brown{border-color:#795548;border-width:1px}.border-grey{border-color:#9e9e9e;border-width:1px}.border-blue-grey{border-color:#607d8b;border-width:1px}.text-red{color:#f44336}.text-pink{color:#e91e63}.text-purple{color:#9c27b0}.text-deep-purple{color:#673ab7}.text-indigo{color:#3f51b5}.text-blue{color:#2196f3}.text-light-blue{color:#03a9f4}.text-cyan{color:#00bcd4}.text-teal{color:#009688}.text-green{color:#4caf50}.text-light-green{color:#8bc34a}.text-lime{color:#cddc39}.text-yellow{color:#ffeb3b}.text-amber{color:#ffc107}.text-orange{color:#ff9800}.text-deep-orange{color:#ff5722}.text-brown{color:#795548}.text-grey{color:#9e9e9e}.text-blue-grey{color:#607d8b}