|
|
|
@ -1,50 +1,60 @@
|
|
|
|
|
<?php
|
|
|
|
|
$use_variables = false;
|
|
|
|
|
|
|
|
|
|
$classes = ["alert", "badge", "btn", "bg", "list-group-item"];
|
|
|
|
|
$classes = [
|
|
|
|
|
"alert" => ["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 {
|
|
|
|
|
$m = $v;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 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 $v;
|
|
|
|
|
echo ".$c-$k {\n";
|
|
|
|
|
}
|
|
|
|
|
echo ";\n";
|
|
|
|
|
|
|
|
|
|
// Text color
|
|
|
|
|
if ($c != "bg") {
|
|
|
|
|
echo "\tcolor: $textcolor;\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";
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|