colorgen.php

<?php

$cubexCharcoal = [
  "P50"  => ['#dadada', 0],
  "P100" => ['#c6c7c7', 0],
  "P200" => ['#b2b4b4', 1],
  "P300" => ['#8a8e8e', 1],
  "P400" => ['#767b7b', 1],
  "P500" => ['#626868', 1],
  "P600" => ['#4e5555', 1],
  "P700" => ['#3a4242', 1],
  "P800" => ['#343b3b', 1],
  "P900" => ['#2e3434', 1],
  "A50"  => ['#dadada', 0],
  "A100" => ['#c6c7c7', 0],
  "A200" => ['#b2b4b4', 1],
  "A400" => ['#626868', 1],
  "A700" => ['#3a4242', 1],
];

$cubexTeal = [
  "P50"  => ['#dbf3f2', 0],
  "P100" => ['#b9e5e4', 0],
  "P200" => ['#97d7d6', 0],
  "P300" => ['#75c9c8', 1],
  "P400" => ['#64c2c1', 1],
  "P500" => ['#53bbba', 1],
  "P600" => ['#4ba8a7', 1],
  "P700" => ['#439594', 1],
  "P800" => ['#3b8281', 1],
  "P900" => ['#2b5c5b', 1],
  "A50"  => ['#dbf3f2', 0],
  "A100" => ['#b9e5e4', 1],
  "A200" => ['#97d7d6', 1],
  "A400" => ['#53bbba', 1],
  "A700" => ['#439594', 1],
];

$cubexGreen = [
  "P50"  => ['#e0efe0', 0],
  "P100" => ['#c4e1c4', 0],
  "P200" => ['#a8d3a8', 0],
  "P300" => ['#8cc58c', 1],
  "P400" => ['#7ebe7e', 1],
  "P500" => ['#70b770', 1],
  "P600" => ['#65a565', 1],
  "P700" => ['#5a935a', 1],
  "P800" => ['#4f814f', 1],
  "P900" => ['#395d39', 1],
  "A50"  => ['#e0efe0', 0],
  "A100" => ['#c4e1c4', 0],
  "A200" => ['#a8d3a8', 0],
  "A400" => ['#70b770', 1],
  "A700" => ['#5a935a', 1],
];

$cubexLightGreen = [
  "P50"  => ['#f0f1db', 0],
  "P100" => ['#e2e7b9', 0],
  "P200" => ['#d4dd97', 0],
  "P300" => ['#c6d375', 1],
  "P400" => ['#bfce64', 1],
  "P500" => ['#b8c953', 1],
  "P600" => ['#a6b54b', 1],
  "P700" => ['#94a143', 1],
  "P800" => ['#828d3b', 1],
  "P900" => ['#5e652b', 1],
  "A50"  => ['#f0f1db', 0],
  "A100" => ['#e2e7b9', 0],
  "A200" => ['#d4dd97', 0],
  "A400" => ['#b8c953', 1],
  "A700" => ['#94a143', 1],
];

$cubexYellow = [
  "P50"  => ['#faf6db', 0],
  "P100" => ['#f8e8b3', 0],
  "P200" => ['#f6da8b', 0],
  "P300" => ['#f4cc63', 1],
  "P400" => ['#f3c54f', 1],
  "P500" => ['#f2be3b', 1],
  "P600" => ['#daab35', 1],
  "P700" => ['#c2982f', 1],
  "P800" => ['#aa8529', 1],
  "P900" => ['#7a5f1d', 1],
  "A50"  => ['#faf6db', 0],
  "A100" => ['#f8e8b3', 0],
  "A200" => ['#f6da8b', 0],
  "A400" => ['#f2be3b', 1],
  "A700" => ['#c2982f', 1],
];

$cubexOrange = [
  "P50"  => ['#ffe8d9', 0],
  "P100" => ['#ffceb3', 0],
  "P200" => ['#ffb48d', 0],
  "P300" => ['#ff9a67', 1],
  "P400" => ['#ff8d54', 1],
  "P500" => ['#ff8041', 1],
  "P600" => ['#e5733a', 1],
  "P700" => ['#cb6633', 1],
  "P800" => ['#b1592c', 1],
  "P900" => ['#7d3f1e', 1],
  "A50"  => ['#ffe8d9', 0],
  "A100" => ['#ffceb3', 0],
  "A200" => ['#ffb48d', 0],
  "A400" => ['#ff8041', 1],
  "A700" => ['#cb6633', 1],
];

$cubexRed = [
  "P50"  => ['#feddda', 0],
  "P100" => ['#fabdb8', 0],
  "P200" => ['#f69d96', 0],
  "P300" => ['#f27d74', 1],
  "P400" => ['#f06d63', 1],
  "P500" => ['#ee5d52', 1],
  "P600" => ['#d6544a', 1],
  "P700" => ['#be4b42', 1],
  "P800" => ['#a6423a', 1],
  "P900" => ['#76302a', 1],
  "A50"  => ['#feddda', 0],
  "A100" => ['#fabdb8', 0],
  "A200" => ['#f69d96', 0],
  "A400" => ['#ee5d52', 1],
  "A700" => ['#be4b42', 1],
];

$cubexPink = [
  "P50"  => ['#ffe4e7', 0],
  "P100" => ['#ffc6d1', 0],
  "P200" => ['#ffa8bb', 0],
  "P300" => ['#ff8aa5', 1],
  "P400" => ['#ff7b9a', 1],
  "P500" => ['#ff6c8f', 1],
  "P600" => ['#e56181', 1],
  "P700" => ['#cb5673', 1],
  "P800" => ['#b14b65', 1],
  "P900" => ['#7d3549', 1],
  "A50"  => ['#ffe4e7', 0],
  "A100" => ['#ffc6d1', 0],
  "A200" => ['#ffa8bb', 0],
  "A400" => ['#ff6c8f', 1],
  "A700" => ['#cb5673', 1],
];

$cubexPurple = [
  "P50"  => ['#f0e5f7', 0],
  "P100" => ['#decfef', 0],
  "P200" => ['#ccb9e7', 0],
  "P300" => ['#baa3df', 1],
  "P400" => ['#b198db', 1],
  "P500" => ['#a88dd7', 1],
  "P600" => ['#977fc1', 1],
  "P700" => ['#8671ab', 1],
  "P800" => ['#756395', 1],
  "P900" => ['#534769', 1],
  "A50"  => ['#f0e5f7', 0],
  "A100" => ['#decfef', 0],
  "A200" => ['#ccb9e7', 0],
  "A400" => ['#a88dd7', 1],
  "A700" => ['#8671ab', 1],
];

$cubexBlue = [
  "P50"  => ['#dbedf9', 0],
  "P100" => ['#b7dff1', 0],
  "P200" => ['#93d1e9', 0],
  "P300" => ['#6fc3e1', 1],
  "P400" => ['#5dbcdd', 1],
  "P500" => ['#4bb5d9', 1],
  "P600" => ['#43a3c3', 1],
  "P700" => ['#3b91ad', 1],
  "P800" => ['#337f97', 1],
  "P900" => ['#235b6b', 1],
  "A50"  => ['#dbedf9', 0],
  "A100" => ['#b7dff1', 0],
  "A200" => ['#93d1e9', 0],
  "A400" => ['#4bb5d9', 1],
  "A700" => ['#3b91ad', 1],
];

$fortifiNavy = [
  "P50"  => ['#D8DADE', 0],
  "P100" => ['#B0B4BD', 1],
  "P200" => ['#9DA2AD', 1],
  "P300" => ['#898F9D', 1],
  "P400" => ['#757C8C', 1],
  "P500" => ['#61697C', 1],
  "P600" => ['#4E576B', 1],
  "P700" => ['#3A445B', 1],
  "P800" => ['#343D52', 1],
  "P900" => ['#2E3649', 1],
  "A50"  => ['#D8DADE', 0],
  "A100" => ['#D8DADE', 1],
  "A200" => ['#898F9D', 1],
  "A400" => ['#61697C', 1],
  "A700" => ['#3A445B', 11],
];

$fortifiBlue = [
  "P50"  => ['#E8F5FE', 0],
  "P100" => ['#C2E3F4', 1],
  "P200" => ['#9CD1EA', 1],
  "P300" => ['#76BFE0', 1],
  "P400" => ['#50ADD6', 1],
  "P500" => ['#3DA4D1', 1],
  "P600" => ['#3794BC', 1],
  "P700" => ['#3184A7', 1],
  "P800" => ['#2B7492', 1],
  "P900" => ['#25647D', 1],
  "A50"  => ['#E8F5FE', 0],
  "A100" => ['#C2E3F4', 1],
  "A200" => ['#76BFE0', 1],
  "A400" => ['#3DA4D1', 1],
  "A700" => ['#3184A7', 1],
];

$red = [
  "P50"  => ['#FFEBEE', 0],
  "P100" => ['#FFCDD2', 0],
  "P200" => ['#EF9A9A', 0],
  "P300" => ['#E57373', 0],
  "P400" => ['#EF5350', 1],
  "P500" => ['#F44336', 1],
  "P600" => ['#E53935', 1],
  "P700" => ['#D32F2F', 1],
  "P800" => ['#C62828', 1],
  "P900" => ['#B71C1C', 1],
  "A50"  => ['#FFEBEE', 0],
  "A100" => ['#FF8A80', 0],
  "A200" => ['#FF5252', 1],
  "A400" => ['#FF1744', 1],
  "A700" => ['#D50000', 1],
];

$pink = [
  "P50"  => ['#fce4ec', 0],
  "P100" => ['#f8bbd0', 0],
  "P200" => ['#f48fb1', 0],
  "P300" => ['#f06292', 1],
  "P400" => ['#ec407a', 1],
  "P500" => ['#e91e63', 1],
  "P600" => ['#d81b60', 1],
  "P700" => ['#c2185b', 1],
  "P800" => ['#ad1457', 1],
  "P900" => ['#880e4f', 1],
  "A50"  => ['#fce4ec', 0],
  "A100" => ['#ff80ab', 0],
  "A200" => ['#ff4081', 1],
  "A400" => ['#f50057', 1],
  "A700" => ['#c51162', 1],
];

$purple = [
  "P50"  => ['#f3e5f5', 0],
  "P100" => ['#e1bee7', 0],
  "P200" => ['#ce93d8', 0],
  "P300" => ['#ba68c8', 1],
  "P400" => ['#ab47bc', 1],
  "P500" => ['#9c27b0', 1],
  "P600" => ['#8e24aa', 1],
  "P700" => ['#7b1fa2', 1],
  "P800" => ['#6a1b9a', 1],
  "P900" => ['#4a148c', 1],
  "A50"  => ['#f3e5f5', 0],
  "A100" => ['#ea80fc', 0],
  "A200" => ['#e040fb', 1],
  "A400" => ['#d500f9', 1],
  "A700" => ['#aa00ff', 1],
];

$deepPurple = [
  "P50"  => ['#ede7f6', 0],
  "P100" => ['#d1c4e9', 0],
  "P200" => ['#b39ddb', 0],
  "P300" => ['#9575cd', 1],
  "P400" => ['#7e57c2', 1],
  "P500" => ['#673ab7', 1],
  "P600" => ['#5e35b1', 1],
  "P700" => ['#512da8', 1],
  "P800" => ['#4527a0', 1],
  "P900" => ['#311b92', 1],
  "A50"  => ['#ede7f6', 0],
  "A100" => ['#b388ff', 0],
  "A200" => ['#7c4dff', 1],
  "A400" => ['#651fff', 1],
  "A700" => ['#6200ea', 1],
];

$indigo = [
  "P50"  => ['#e8eaf6', 0],
  "P100" => ['#c5cae9', 0],
  "P200" => ['#9fa8da', 0],
  "P300" => ['#7986cb', 1],
  "P400" => ['#5c6bc0', 1],
  "P500" => ['#3f51b5', 1],
  "P600" => ['#3949ab', 1],
  "P700" => ['#303f9f', 1],
  "P800" => ['#283593', 1],
  "P900" => ['#1a237e', 1],
  "A50"  => ['#e8eaf6', 0],
  "A100" => ['#8c9eff', 0],
  "A200" => ['#536dfe', 1],
  "A400" => ['#3d5afe', 1],
  "A700" => ['#304ffe', 1],
];

$blue = [
  "P50"  => ['#E3F2FD', 0],
  "P100" => ['#BBDEFB', 0],
  "P200" => ['#90CAF9', 0],
  "P300" => ['#64B5F6', 0],
  "P400" => ['#42A5F5', 0],
  "P500" => ['#2196F3', 1],
  "P600" => ['#1E88E5', 1],
  "P700" => ['#1976D2', 1],
  "P800" => ['#1565C0', 1],
  "P900" => ['#0D47A1', 1],
  "A50"  => ['#E3F2FD', 0],
  "A100" => ['#82B1FF', 0],
  "A200" => ['#448AFF', 1],
  "A400" => ['#2979FF', 1],
  "A700" => ['#2962FF', 1],
];

$lightBlue = [
  "P50"  => ['#e1f5fe', 0],
  "P100" => ['#b3e5fc', 0],
  "P200" => ['#81d4fa', 0],
  "P300" => ['#4fc3f7', 0],
  "P400" => ['#29b6f6', 0],
  "P500" => ['#03a9f4', 0],
  "P600" => ['#039be5', 1],
  "P700" => ['#0288d1', 1],
  "P800" => ['#0277bd', 1],
  "P900" => ['#01579b', 1],
  "A50"  => ['#e1f5fe', 0],
  "A100" => ['#80d8ff', 0],
  "A200" => ['#40c4ff', 0],
  "A400" => ['#00b0ff', 0],
  "A700" => ['#0091ea', 1],
];

$cyan = [
  "P50"  => ['#e0f7fa', 0],
  "P100" => ['#b2ebf2', 0],
  "P200" => ['#80deea', 0],
  "P300" => ['#4dd0e1', 0],
  "P400" => ['#26c6da', 0],
  "P500" => ['#00bcd4', 0],
  "P600" => ['#00acc1', 0],
  "P700" => ['#0097a7', 1],
  "P800" => ['#00838f', 1],
  "P900" => ['#006064', 1],
  "A50"  => ['#e0f7fa', 0],
  "A100" => ['#84ffff', 0],
  "A200" => ['#18ffff', 0],
  "A400" => ['#00e5ff', 0],
  "A700" => ['#00b8d4', 0],
];

$teal = [
  "P50"  => ['#e0f2f1', 0],
  "P100" => ['#b2dfdb', 0],
  "P200" => ['#80cbc4', 0],
  "P300" => ['#4db6ac', 0],
  "P400" => ['#26a69a', 0],
  "P500" => ['#009688', 1],
  "P600" => ['#00897b', 1],
  "P700" => ['#00796b', 1],
  "P800" => ['#00695c', 1],
  "P900" => ['#004d40', 1],
  "A50"  => ['#e0f2f1', 0],
  "A100" => ['#a7ffeb', 0],
  "A200" => ['#64ffda', 0],
  "A400" => ['#1de9b6', 0],
  "A700" => ['#00bfa5', 0],
];

$green = [
  "P50"  => ['#E8F5E9', 0],
  "P100" => ['#C8E6C9', 0],
  "P200" => ['#A5D6A7', 0],
  "P300" => ['#81C784', 0],
  "P400" => ['#66BB6A', 0],
  "P500" => ['#4CAF50', 0],
  "P600" => ['#43A047', 1],
  "P700" => ['#388E3C', 1],
  "P800" => ['#2E7D32', 1],
  "P900" => ['#1B5E20', 1],
  "A50"  => ['#E8F5E9', 0],
  "A100" => ['#B9F6CA', 0],
  "A200" => ['#69F0AE', 0],
  "A400" => ['#00E676', 0],
  "A700" => ['#00C853', 0],
];

$lightGreen = [
  "P50"  => ['#f1f8e9', 0],
  "P100" => ['#dcedc8', 0],
  "P200" => ['#c5e1a5', 0],
  "P300" => ['#aed581', 0],
  "P400" => ['#9ccc65', 0],
  "P500" => ['#8bc34a', 0],
  "P600" => ['#7cb342', 0],
  "P700" => ['#689f38', 1],
  "P800" => ['#558b2f', 1],
  "P900" => ['#33691e', 1],
  "A50"  => ['#f1f8e9', 0],
  "A100" => ['#ccff90', 0],
  "A200" => ['#b2ff59', 0],
  "A400" => ['#76ff03', 0],
  "A700" => ['#64dd17', 0],
];

$lime = [
  "P50"  => ['#f9fbe7', 0],
  "P100" => ['#f0f4c3', 0],
  "P200" => ['#e6ee9c', 0],
  "P300" => ['#dce775', 0],
  "P400" => ['#d4e157', 0],
  "P500" => ['#cddc39', 0],
  "P600" => ['#c0ca33', 0],
  "P700" => ['#afb42b', 0],
  "P800" => ['#9e9d24', 0],
  "P900" => ['#827717', 1],
  "A50"  => ['#f9fbe7', 0],
  "A100" => ['#f4ff81', 0],
  "A200" => ['#eeff41', 0],
  "A400" => ['#c6ff00', 0],
  "A700" => ['#aeea00', 0],
];

$yellow = [
  "P50"  => ['#fffde7', 0],
  "P100" => ['#fff9c4', 0],
  "P200" => ['#fff59d', 0],
  "P300" => ['#fff176', 0],
  "P400" => ['#ffee58', 0],
  "P500" => ['#ffeb3b', 0],
  "P600" => ['#fdd835', 0],
  "P700" => ['#fbc02d', 0],
  "P800" => ['#f9a825', 0],
  "P900" => ['#f57f17', 0],
  "A50"  => ['#fffde7', 0],
  "A100" => ['#ffff8d', 0],
  "A200" => ['#ffff00', 0],
  "A400" => ['#ffea00', 0],
  "A700" => ['#ffd600', 0],
];

$amber = [
  "P50"  => ['#fff8e1', 0],
  "P100" => ['#ffecb3', 0],
  "P200" => ['#ffe082', 0],
  "P300" => ['#ffd54f', 0],
  "P400" => ['#ffca28', 0],
  "P500" => ['#ffc107', 0],
  "P600" => ['#ffb300', 0],
  "P700" => ['#ffa000', 0],
  "P800" => ['#ff8f00', 0],
  "P900" => ['#ff6f00', 0],
  "A50"  => ['#fff8e1', 0],
  "A100" => ['#ffe57f', 0],
  "A200" => ['#ffd740', 0],
  "A400" => ['#ffc400', 0],
  "A700" => ['#ffab00', 0],
];

$orange = [
  "P50"  => ['#fff3e0', 0],
  "P100" => ['#ffe0b2', 0],
  "P200" => ['#ffcc80', 0],
  "P300" => ['#ffb74d', 0],
  "P400" => ['#ffa726', 0],
  "P500" => ['#ff9800', 0],
  "P600" => ['#fb8c00', 0],
  "P700" => ['#f57c00', 0],
  "P800" => ['#ef6c00', 1],
  "P900" => ['#e65100', 1],
  "A50"  => ['#fff3e0', 0],
  "A100" => ['#ffd180', 0],
  "A200" => ['#ffab40', 0],
  "A400" => ['#ff9100', 0],
  "A700" => ['#ff6d00', 0],
];

$deepOrange = [
  "P50"  => ['#fbe9e7', 0],
  "P100" => ['#ffccbc', 0],
  "P200" => ['#ffab91', 0],
  "P300" => ['#ff8a65', 0],
  "P400" => ['#ff7043', 0],
  "P500" => ['#ff5722', 1],
  "P600" => ['#f4511e', 1],
  "P700" => ['#e64a19', 1],
  "P800" => ['#d84315', 1],
  "P900" => ['#bf360c', 1],
  "A50"  => ['#fbe9e7', 0],
  "A100" => ['#ff9e80', 0],
  "A200" => ['#ff6e40', 0],
  "A400" => ['#ff3d00', 1],
  "A700" => ['#dd2c00', 1],
];

$brown = [
  "P50"  => ['#efebe9', 0],
  "P100" => ['#d7ccc8', 0],
  "P200" => ['#bcaaa4', 0],
  "P300" => ['#a1887f', 1],
  "P400" => ['#8d6e63', 1],
  "P500" => ['#795548', 1],
  "P600" => ['#6d4c41', 1],
  "P700" => ['#5d4037', 1],
  "P800" => ['#4e342e', 1],
  "P900" => ['#3e2723', 1],
];

$grey = [
  "P50"  => ['#fafafa', 0],
  "P100" => ['#f5f5f5', 0],
  "P200" => ['#eeeeee', 0],
  "P300" => ['#e0e0e0', 0],
  "P400" => ['#bdbdbd', 0],
  "P500" => ['#9e9e9e', 0],
  "P600" => ['#757575', 1],
  "P700" => ['#616161', 1],
  "P800" => ['#424242', 1],
  "P900" => ['#212121', 1],
];

$blueGrey = [
  "P50"  => ['#eceff1', 0],
  "P100" => ['#cfd8dc', 0],
  "P200" => ['#b0bec5', 0],
  "P300" => ['#90a4ae', 0],
  "P400" => ['#78909c', 1],
  "P500" => ['#607d8b', 1],
  "P600" => ['#546e7a', 1],
  "P700" => ['#455a64', 1],
  "P800" => ['#37474f', 1],
  "P900" => ['#263238', 1],
];

$colors = [
  "cubex-charcoal"    => $cubexCharcoal,
  "cubex-teal"        => $cubexTeal,
  "cubex-green"       => $cubexGreen,
  "cubex-light-green" => $cubexLightGreen,
  "cubex-yellow"      => $cubexYellow,
  "cubex-orange"      => $cubexOrange,
  "cubex-red"         => $cubexRed,
  "cubex-pink"        => $cubexPink,
  "cubex-purple"      => $cubexPurple,
  "cubex-blue"        => $cubexBlue,

  "fortifi-navy" => $fortifiNavy,
  "fortifi-blue" => $fortifiBlue,

  "red"         => $red,
  "pink"        => $pink,
  "purple"      => $purple,
  "deep-purple" => $deepPurple,
  "indigo"      => $indigo,
  "blue"        => $blue,
  "light-blue"  => $lightBlue,
  "cyan"        => $cyan,
  "teal"        => $teal,
  "green"       => $green,
  "light-green" => $lightGreen,
  "lime"        => $lime,
  "yellow"      => $yellow,
  "amber"       => $amber,
  "orange"      => $orange,
  "deep-orange" => $deepOrange,
  "brown"       => $brown,
  "blue-grey"   => $blueGrey,
  "grey"        => $grey,
];

$primaryGrades = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
$accentGrades = [100, 200, 400, 700];

$dir = 'styles/';
if(!is_dir($dir))
{
  mkdir($dir);
}

foreach($colors as $colorName => $colorGrades)
{
  $cssVars = ['primary' => [], 'accent' => []];
  foreach($colorGrades as $colorKey => list ($hex, $isWhite))
  {
    $type = '';
    switch($colorKey[0])
    {
      case "P":
        $type = 'primary';
        break;
      case "A":
        $type = 'accent';
        break;
      default:
        continue;
    }

    $code = substr($colorKey, 1);
    $prefix = '--' . $colorName . '-' . $type . '-' . $code;
    $cssVars[$type][] = $prefix . '-color:' . $hex . ';';
    $cssVars[$type][] = $prefix . '-text-color:var(--' . ($isWhite ?
        'light' : 'dark') . '-text);';
    $cssVars[$type][] = $prefix . '-text-secondary-color:var(--' . ($isWhite ?
        'light' : 'dark') . '-text-secondary);';
    $cssVars[$type][] = $prefix . '-text-disabled-color:var(--' . ($isWhite ?
        'light' : 'dark') . '-text-disabled);';
    $cssVars[$type][] = $prefix . '-divider-primary-color:var(--' . (!$isWhite ?
        'light' : 'dark') . '-divider-primary-color);';
    $cssVars[$type][] = $prefix . '-divider-secondary-color:var(--' . (!$isWhite ?
        'light' : 'dark') . '-divider-secondary-color);';
  }
  foreach(['primary', 'accent'] as $type)
  {
    if($cssVars[$type])
    {
      $template = 'export default `html,:host{%s}`;';
      file_put_contents(
        $dir . '/' . $colorName . '-' . $type . '.js',
        sprintf(
          $template,
          implode('', $cssVars[$type])
        )
      );
    }
  }
}