mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-10-30 23:47:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

main colors now refer the proper variable

Browse Source
This commit is contained in:
FezVrasta 2014-12-05 09:53:20 +01:00
parent 09e9f5fc05
commit c1c47c7e62
1 changed files with 25 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
less/_colors.less
View File

@ -6,7 +6,7 @@ Then, run this script to get the list.
(function() {
var colors = {};
var colors = {}, main = {};
$(".color-group").each(function() {
var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
colors[color] = {};
@ -17,22 +17,24 @@ Then, run this script to get the list.
colors[color][shade] = hex;
});
main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();
});
var LESS = "";
$.each(colors, function(name, shades) {
LESS += "\n\n";
LESS += "@" + name + ": " + shades[500] + ";\n";
$.each(shades, function(shade, hex) {
LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
});
if (main[name]) {
LESS += "@" + name + ": " + main[name] + ";\n";
}
});
console.log(LESS);
});
})();
*/
@red: #f44336;
@red-50: #ffebee;
@red-100: #ffcdd2;
@red-200: #ef9a9a;
@ -47,9 +49,9 @@ Then, run this script to get the list.
@red-A200: #ff5252;
@red-A400: #ff1744;
@red-A700: #d50000;
@red: @red-500;
@pink: #e91e63;
@pink-50: #fce4ec;
@pink-100: #f8bbd0;
@pink-200: #f48fb1;
@ -64,9 +66,9 @@ Then, run this script to get the list.
@pink-A200: #ff4081;
@pink-A400: #f50057;
@pink-A700: #c51162;
@pink: @pink-500;
@purple: #9c27b0;
@purple-50: #f3e5f5;
@purple-100: #e1bee7;
@purple-200: #ce93d8;
@ -81,9 +83,9 @@ Then, run this script to get the list.
@purple-A200: #e040fb;
@purple-A400: #d500f9;
@purple-A700: #aa00ff;
@purple: @purple-500;
@deep-purple: #673ab7;
@deep-purple-50: #ede7f6;
@deep-purple-100: #d1c4e9;
@deep-purple-200: #b39ddb;
@ -98,9 +100,9 @@ Then, run this script to get the list.
@deep-purple-A200: #7c4dff;
@deep-purple-A400: #651fff;
@deep-purple-A700: #6200ea;
@deep-purple: @deep-purple-500;
@indigo: #3f51b5;
@indigo-50: #e8eaf6;
@indigo-100: #c5cae9;
@indigo-200: #9fa8da;
@ -115,9 +117,9 @@ Then, run this script to get the list.
@indigo-A200: #536dfe;
@indigo-A400: #3d5afe;
@indigo-A700: #304ffe;
@indigo: @indigo-500;
@blue: #2196f3;
@blue-50: #e3f2fd;
@blue-100: #bbdefb;
@blue-200: #90caf9;
@ -132,9 +134,9 @@ Then, run this script to get the list.
@blue-A200: #448aff;
@blue-A400: #2979ff;
@blue-A700: #2962ff;
@blue: @blue-500;
@light-blue: #03a9f4;
@light-blue-50: #e1f5fe;
@light-blue-100: #b3e5fc;
@light-blue-200: #81d4fa;
@ -149,9 +151,9 @@ Then, run this script to get the list.
@light-blue-A200: #40c4ff;
@light-blue-A400: #00b0ff;
@light-blue-A700: #0091ea;
@light-blue: @light-blue-500;
@cyan: #00bcd4;
@cyan-50: #e0f7fa;
@cyan-100: #b2ebf2;
@cyan-200: #80deea;
@ -166,9 +168,9 @@ Then, run this script to get the list.
@cyan-A200: #18ffff;
@cyan-A400: #00e5ff;
@cyan-A700: #00b8d4;
@cyan: @cyan-500;
@teal: #009688;
@teal-50: #e0f2f1;
@teal-100: #b2dfdb;
@teal-200: #80cbc4;
@ -183,9 +185,9 @@ Then, run this script to get the list.
@teal-A200: #64ffda;
@teal-A400: #1de9b6;
@teal-A700: #00bfa5;
@teal: @teal-500;
@green: #4caf50;
@green-50: #e8f5e9;
@green-100: #c8e6c9;
@green-200: #a5d6a7;
@ -200,9 +202,9 @@ Then, run this script to get the list.
@green-A200: #69f0ae;
@green-A400: #00e676;
@green-A700: #00c853;
@green: @green-500;
@light-green: #8bc34a;
@light-green-50: #f1f8e9;
@light-green-100: #dcedc8;
@light-green-200: #c5e1a5;
@ -217,9 +219,9 @@ Then, run this script to get the list.
@light-green-A200: #b2ff59;
@light-green-A400: #76ff03;
@light-green-A700: #64dd17;
@light-green: @light-green-500;
@lime: #cddc39;
@lime-50: #f9fbe7;
@lime-100: #f0f4c3;
@lime-200: #e6ee9c;
@ -234,9 +236,9 @@ Then, run this script to get the list.
@lime-A200: #eeff41;
@lime-A400: #c6ff00;
@lime-A700: #aeea00;
@lime: @lime-500;
@yellow: #ffeb3b;
@yellow-50: #fffde7;
@yellow-100: #fff9c4;
@yellow-200: #fff59d;
@ -251,9 +253,9 @@ Then, run this script to get the list.
@yellow-A200: #ffff00;
@yellow-A400: #ffea00;
@yellow-A700: #ffd600;
@yellow: @yellow-500;
@amber: #ffc107;
@amber-50: #fff8e1;
@amber-100: #ffecb3;
@amber-200: #ffe082;
@ -268,9 +270,9 @@ Then, run this script to get the list.
@amber-A200: #ffd740;
@amber-A400: #ffc400;
@amber-A700: #ffab00;
@amber: @amber-500;
@orange: #ff9800;
@orange-50: #fff3e0;
@orange-100: #ffe0b2;
@orange-200: #ffcc80;
@ -285,9 +287,9 @@ Then, run this script to get the list.
@orange-A200: #ffab40;
@orange-A400: #ff9100;
@orange-A700: #ff6d00;
@orange-500: @orange;
@deep-orange: #ff5722;
@deep-orange-50: #fbe9e7;
@deep-orange-100: #ffccbc;
@deep-orange-200: #ffab91;
@ -302,9 +304,9 @@ Then, run this script to get the list.
@deep-orange-A200: #ff6e40;
@deep-orange-A400: #ff3d00;
@deep-orange-A700: #dd2c00;
@deep-orange: @deep-orange-500;
@brown: #795548;
@brown-50: #efebe9;
@brown-100: #d7ccc8;
@brown-200: #bcaaa4;
@ -315,9 +317,9 @@ Then, run this script to get the list.
@brown-700: #5d4037;
@brown-800: #4e342e;
@brown-900: #3e2723;
@brown: @brown-500;
@grey: #9e9e9e;
@grey-50: #fafafa;
@grey-100: #f5f5f5;
@grey-200: #eeeeee;
@ -328,9 +330,9 @@ Then, run this script to get the list.
@grey-700: #616161;
@grey-800: #424242;
@grey-900: #212121;
@grey: @grey-500;
@blue-grey: #607d8b;
@blue-grey-50: #eceff1;
@blue-grey-100: #cfd8dc;
@blue-grey-200: #b0bec5;
@ -341,6 +343,7 @@ Then, run this script to get the list.
@blue-grey-700: #455a64;
@blue-grey-800: #37474f;
@blue-grey-900: #263238;
@blue-grey: @blue-grey-500;
@black: #000000;