Material UI colours with social media and greyscale colours for less stylesheets

material-ui-colors-400.less

// Material UI Colours @400
@red: #EF5350;
@pink: #ec407a;
@purple: #ab47bc;
@deep-purple: #7e57c2;
@indigo: #5c6bc0;
@blue: #42a5f5;
@light-blue: #29b6f6;
@cyan: #26c6da;
@teal: #26a69a;
@green: #66bb6a;
@light-green: #9ccc65;
@lime: #d4e157;
@yellow: #ffee58;
@amber: #ffca28;
@orange: #ffa726;
@deep-orange: #ff7043;
@brown: #8d6e63;
@blue-grey: #78909c;

// Social media colors
@facebook: #3b5999;
@messenger: #0084ff;
@twitter: #55acee;
@linkedin: #0077B5;
@skype: #00AFF0;
@dropbox: #007ee5;
@wordpress: #21759b;
@vimeo: #1ab7ea;
@slideshare: #0077b5;
@vk: #4c75a3;
@tumblr: #34465d;
@yahoo: #410093;
@google-plus: #dd4b39;
@pinterest: #bd081c;
@youtube: #cd201f;
@stumble-upon: #eb4924;
@reddit: #ff5700;
@quora: #b92b27;
@yelp: #af0606;
@weibo: #df2029;
@product-hunt: #da552f;
@hacker-news: #ff6600;
@soundcloud: #ff3300;
@blogger: #f57d00;
@whatsapp: #25D366;
@wechat: #09b83e;
@line: #00c300;
@medium: #02b875;
@vine: #00b489;
@slack: #3aaf85;
@instagram: #e4405f;
@dribbble: #ea4c89;
@flickr: #ff0084;
@four-square: #f94877;
@bahance: #131418;
@snapchat: #FFFC00;

// Greyscale
@white: #ffffff;
@metal: #56666b;
@silver: #d0d2d3;
@cloud: #f9fbfc;
@grey: #bdbdbd;
@black: #3c3c3c;

.ui-color {
  // Material UI colours
  &-red {
    color: @red;
  }
  &-pink {
    color: @pink;
  }
  &-purple {
    color: @purple;
  }
  &-deep-purple {
    color: @deep-purple;
  }
  &-indigo {
    color: @indigo;
  }
  &-blue {
    color: @blue;
  }
  &-light-blue {
    color: @light-blue;
  }
  &-cyan {
    color: @cyan;
  }
  &-teal {
    color: @teal;
  }
  &-green {
    color: @green;
  }
  &-light-green {
    color: @light-green;
  }
  &-lime {
    color: @lime;
  }
  &-yellow {
    color: @yellow;
  }
  &-amber {
    color: @amber;
  }
  &-orange {
    color: @orange;
  }
  &-deep-orange {
    color: @deep-orange;
  }
  &-brown {
    color: @brown;
  }
  &-cloud {
    color: @cloud;
  }
  &-blue-grey {
    color: @blue-grey;
  }

  // Social media colours
  &-facebook {
    color: @facebook;
  }
  &-messenger {
    color: @messenger;
  }
  &-twitter {
    color: @twitter;
  }
  &-linkedin {
    color: @linkedin;
  }
  &-skype {
    color: @skype;
  }
  &-dropbox {
    color: @dropbox;
  }
  &-wordpress {
    color: @wordpress;
  }
  &-vimeo {
    color: @vimeo;
  }
  &-slideshare {
    color: @slideshare;
  }
  &-vk {
    color: @vk;
  }
  &-tumblr {
    color: @tumblr;
  }
  &-yahoo {
    color: @yahoo;
  }
  &-google-plus {
    color: @google-plus;
  }
  &-pinterest {
    color: @pinterest;
  }
  &-youtube {
    color: @youtube;
  }
  &-stumble-upon {
    color: @stumble-upon;
  }
  &-reddit {
    color: @reddit;
  }
  &-quora {
    color: @quora;
  }
  &-yelp {
    color: @yelp;
  }
  &-weibo {
    color: @weibo;
  }
  &-product-hunt {
    color: @product-hunt;
  }
  &-hacker-news {
    color: @hacker-news;
  }
  &-soundcloud {
    color: @soundcloud;
  }
  &-blogger {
    color: @blogger;
  }
  &-whatsapp {
    color: @whatsapp;
  }
  &-wechat {
    color: @wechat;
  }
  &-line {
    color: @line;
  }
  &-medium {
    color: @medium;
  }
  &-vine {
    color: @vine;
  }
  &-slack {
    color: @slack;
  }
  &-instagram {
    color: @instagram;
  }
  &-dribbble {
    color: @dribbble;
  }
  &-flickr {
    color: @flickr;
  }
  &-four-square {
    color: @four-square;
  }
  &-bahance {
    color: @bahance;
  }
  &-snapchat {
    color: @snapchat;
  }

  // Greyscale
  &-white {
    color: @white;
  }
  &-cloud {
    color: @cloud;
  }
  &-silver {
    color: @silver;
  }
  &-grey {
    color: @grey;
  }
  &-metal {
    color: @metal;
  }
  &-black {
    color: @black;
  }
}