main colors now refer the proper variable

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;