From e13ed0f9ab486071c13520f37851125ab49725d9 Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Fri, 5 Dec 2014 09:53:20 +0100 Subject: [PATCH] main colors now refer the proper variable --- less/_colors.less | 47 +++++++++++++++++++++++++---------------------- 1 file changed, 25 insertions(+), 22 deletions(-) diff --git a/less/_colors.less b/less/_colors.less index 44b2da88..0e5940e6 100644 --- a/less/_colors.less +++ b/less/_colors.less @@ -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;