302 lines
10 KiB
SCSS
302 lines
10 KiB
SCSS
|
//-- Color definitions taken from Material Design Lite
|
||
|
|
||
|
// Red
|
||
|
$palette-red-50: rgb(255,235,238);
|
||
|
$palette-red-100: rgb(255,205,210);
|
||
|
$palette-red-200: rgb(239,154,154);
|
||
|
$palette-red-300: rgb(229,115,115);
|
||
|
$palette-red-400: rgb(239,83,80);
|
||
|
$palette-red-500: rgb(244,67,54);
|
||
|
$palette-red-600: rgb(229,57,53);
|
||
|
$palette-red-700: rgb(211,47,47);
|
||
|
$palette-red-800: rgb(198,40,40);
|
||
|
$palette-red-900: rgb(183,28,28);
|
||
|
$palette-red-a100: rgb(255,138,128);
|
||
|
$palette-red-a200: rgb(255,82,82);
|
||
|
$palette-red-a400: rgb(255,23,68);
|
||
|
$palette-red-a700: rgb(213,0,0);
|
||
|
|
||
|
// Pink
|
||
|
$palette-pink-50: rgb(252,228,236);
|
||
|
$palette-pink-100: rgb(248,187,208);
|
||
|
$palette-pink-200: rgb(244,143,177);
|
||
|
$palette-pink-300: rgb(240,98,146);
|
||
|
$palette-pink-400: rgb(236,64,122);
|
||
|
$palette-pink-500: rgb(233,30,99);
|
||
|
$palette-pink-600: rgb(216,27,96);
|
||
|
$palette-pink-700: rgb(194,24,91);
|
||
|
$palette-pink-800: rgb(173,20,87);
|
||
|
$palette-pink-900: rgb(136,14,79);
|
||
|
$palette-pink-a100: rgb(255,128,171);
|
||
|
$palette-pink-a200: rgb(255,64,129);
|
||
|
$palette-pink-a400: rgb(245,0,87);
|
||
|
$palette-pink-a700: rgb(197,17,98);
|
||
|
|
||
|
// Purple
|
||
|
$palette-purple-50: rgb(243,229,245);
|
||
|
$palette-purple-100: rgb(225,190,231);
|
||
|
$palette-purple-200: rgb(206,147,216);
|
||
|
$palette-purple-300: rgb(186,104,200);
|
||
|
$palette-purple-400: rgb(171,71,188);
|
||
|
$palette-purple-500: rgb(156,39,176);
|
||
|
$palette-purple-600: rgb(142,36,170);
|
||
|
$palette-purple-700: rgb(123,31,162);
|
||
|
$palette-purple-800: rgb(106,27,154);
|
||
|
$palette-purple-900: rgb(74,20,140);
|
||
|
$palette-purple-a100: rgb(234,128,252);
|
||
|
$palette-purple-a200: rgb(224,64,251);
|
||
|
$palette-purple-a400: rgb(213,0,249);
|
||
|
$palette-purple-a700: rgb(170,0,255);
|
||
|
|
||
|
//Deep Purple
|
||
|
$palette-deep-purple-50: rgb(237,231,246);
|
||
|
$palette-deep-purple-100: rgb(209,196,233);
|
||
|
$palette-deep-purple-200: rgb(179,157,219);
|
||
|
$palette-deep-purple-300: rgb(149,117,205);
|
||
|
$palette-deep-purple-400: rgb(126,87,194);
|
||
|
$palette-deep-purple-500: rgb(103,58,183);
|
||
|
$palette-deep-purple-600: rgb(94,53,177);
|
||
|
$palette-deep-purple-700: rgb(81,45,168);
|
||
|
$palette-deep-purple-800: rgb(69,39,160);
|
||
|
$palette-deep-purple-900: rgb(49,27,146);
|
||
|
$palette-deep-purple-a100: rgb(179,136,255);
|
||
|
$palette-deep-purple-a200: rgb(124,77,255);
|
||
|
$palette-deep-purple-a400: rgb(101,31,255);
|
||
|
$palette-deep-purple-a700: rgb(98,0,234);
|
||
|
|
||
|
// Indigo
|
||
|
$palette-indigo-50: rgb(232,234,246);
|
||
|
$palette-indigo-100: rgb(197,202,233);
|
||
|
$palette-indigo-200: rgb(159,168,218);
|
||
|
$palette-indigo-300: rgb(121,134,203);
|
||
|
$palette-indigo-400: rgb(92,107,192);
|
||
|
$palette-indigo-500: rgb(63,81,181);
|
||
|
$palette-indigo-600: rgb(57,73,171);
|
||
|
$palette-indigo-700: rgb(48,63,159);
|
||
|
$palette-indigo-800: rgb(40,53,147);
|
||
|
$palette-indigo-900: rgb(26,35,126);
|
||
|
$palette-indigo-a100: rgb(140,158,255);
|
||
|
$palette-indigo-a200: rgb(83,109,254);
|
||
|
$palette-indigo-a400: rgb(61,90,254);
|
||
|
$palette-indigo-a700: rgb(48,79,254);
|
||
|
|
||
|
// Blue
|
||
|
$palette-blue-50: rgb(227,242,253);
|
||
|
$palette-blue-100: rgb(187,222,251);
|
||
|
$palette-blue-200: rgb(144,202,249);
|
||
|
$palette-blue-300: rgb(100,181,246);
|
||
|
$palette-blue-400: rgb(66,165,245);
|
||
|
$palette-blue-500: rgb(33,150,243);
|
||
|
$palette-blue-600: rgb(30,136,229);
|
||
|
$palette-blue-700: rgb(25,118,210);
|
||
|
$palette-blue-800: rgb(21,101,192);
|
||
|
$palette-blue-900: rgb(13,71,161);
|
||
|
$palette-blue-a100: rgb(130,177,255);
|
||
|
$palette-blue-a200: rgb(68,138,255);
|
||
|
$palette-blue-a400: rgb(41,121,255);
|
||
|
$palette-blue-a700: rgb(41,98,255);
|
||
|
|
||
|
// Light Blue
|
||
|
$palette-light-blue-50: rgb(225,245,254);
|
||
|
$palette-light-blue-100: rgb(179,229,252);
|
||
|
$palette-light-blue-200: rgb(129,212,250);
|
||
|
$palette-light-blue-300: rgb(79,195,247);
|
||
|
$palette-light-blue-400: rgb(41,182,246);
|
||
|
$palette-light-blue-500: rgb(3,169,244);
|
||
|
$palette-light-blue-600: rgb(3,155,229);
|
||
|
$palette-light-blue-700: rgb(2,136,209);
|
||
|
$palette-light-blue-800: rgb(2,119,189);
|
||
|
$palette-light-blue-900: rgb(1,87,155);
|
||
|
$palette-light-blue-a100: rgb(128,216,255);
|
||
|
$palette-light-blue-a200: rgb(64,196,255);
|
||
|
$palette-light-blue-a400: rgb(0,176,255);
|
||
|
$palette-light-blue-a700: rgb(0,145,234);
|
||
|
|
||
|
// Cyan
|
||
|
$palette-cyan-50: rgb(224,247,250);
|
||
|
$palette-cyan-100: rgb(178,235,242);
|
||
|
$palette-cyan-200: rgb(128,222,234);
|
||
|
$palette-cyan-300: rgb(77,208,225);
|
||
|
$palette-cyan-400: rgb(38,198,218);
|
||
|
$palette-cyan-500: rgb(0,188,212);
|
||
|
$palette-cyan-600: rgb(0,172,193);
|
||
|
$palette-cyan-700: rgb(0,151,167);
|
||
|
$palette-cyan-800: rgb(0,131,143);
|
||
|
$palette-cyan-900: rgb(0,96,100);
|
||
|
$palette-cyan-a100: rgb(132,255,255);
|
||
|
$palette-cyan-a200: rgb(24,255,255);
|
||
|
$palette-cyan-a400: rgb(0,229,255);
|
||
|
$palette-cyan-a700: rgb(0,184,212);
|
||
|
|
||
|
// Teal
|
||
|
$palette-teal-50: rgb(224,242,241);
|
||
|
$palette-teal-100: rgb(178,223,219);
|
||
|
$palette-teal-200: rgb(128,203,196);
|
||
|
$palette-teal-300: rgb(77,182,172);
|
||
|
$palette-teal-400: rgb(38,166,154);
|
||
|
$palette-teal-500: rgb(0,150,136);
|
||
|
$palette-teal-600: rgb(0,137,123);
|
||
|
$palette-teal-700: rgb(0,121,107);
|
||
|
$palette-teal-800: rgb(0,105,92);
|
||
|
$palette-teal-900: rgb(0,77,64);
|
||
|
$palette-teal-a100: rgb(167,255,235);
|
||
|
$palette-teal-a200: rgb(100,255,218);
|
||
|
$palette-teal-a400: rgb(29,233,182);
|
||
|
$palette-teal-a700: rgb(0,191,165);
|
||
|
|
||
|
// Green
|
||
|
$palette-green-50: rgb(232,245,233);
|
||
|
$palette-green-100: rgb(200,230,201);
|
||
|
$palette-green-200: rgb(165,214,167);
|
||
|
$palette-green-300: rgb(129,199,132);
|
||
|
$palette-green-400: rgb(102,187,106);
|
||
|
$palette-green-500: rgb(76,175,80);
|
||
|
$palette-green-600: rgb(67,160,71);
|
||
|
$palette-green-700: rgb(56,142,60);
|
||
|
$palette-green-800: rgb(46,125,50);
|
||
|
$palette-green-900: rgb(27,94,32);
|
||
|
$palette-green-a100: rgb(185,246,202);
|
||
|
$palette-green-a200: rgb(105,240,174);
|
||
|
$palette-green-a400: rgb(0,230,118);
|
||
|
$palette-green-a700: rgb(0,200,83);
|
||
|
|
||
|
// Green
|
||
|
$palette-light-green-50: rgb(241,248,233);
|
||
|
$palette-light-green-100: rgb(220,237,200);
|
||
|
$palette-light-green-200: rgb(197,225,165);
|
||
|
$palette-light-green-300: rgb(174,213,129);
|
||
|
$palette-light-green-400: rgb(156,204,101);
|
||
|
$palette-light-green-500: rgb(139,195,74);
|
||
|
$palette-light-green-600: rgb(124,179,66);
|
||
|
$palette-light-green-700: rgb(104,159,56);
|
||
|
$palette-light-green-800: rgb(85,139,47);
|
||
|
$palette-light-green-900: rgb(51,105,30);
|
||
|
$palette-light-green-a100: rgb(204,255,144);
|
||
|
$palette-light-green-a200: rgb(178,255,89);
|
||
|
$palette-light-green-a400: rgb(118,255,3);
|
||
|
$palette-light-green-a700: rgb(100,221,23);
|
||
|
|
||
|
// Lime
|
||
|
$palette-lime-50: rgb(249,251,231);
|
||
|
$palette-lime-100: rgb(240,244,195);
|
||
|
$palette-lime-200: rgb(230,238,156);
|
||
|
$palette-lime-300: rgb(220,231,117);
|
||
|
$palette-lime-400: rgb(212,225,87);
|
||
|
$palette-lime-500: rgb(205,220,57);
|
||
|
$palette-lime-600: rgb(192,202,51);
|
||
|
$palette-lime-700: rgb(175,180,43);
|
||
|
$palette-lime-800: rgb(158,157,36);
|
||
|
$palette-lime-900: rgb(130,119,23);
|
||
|
$palette-lime-a100: rgb(244,255,129);
|
||
|
$palette-lime-a200: rgb(238,255,65);
|
||
|
$palette-lime-a400: rgb(198,255,0);
|
||
|
$palette-lime-a700: rgb(174,234,0);
|
||
|
|
||
|
// Yellow
|
||
|
$palette-yellow-50: rgb(255,253,231);
|
||
|
$palette-yellow-100: rgb(255,249,196);
|
||
|
$palette-yellow-200: rgb(255,245,157);
|
||
|
$palette-yellow-300: rgb(255,241,118);
|
||
|
$palette-yellow-400: rgb(255,238,88);
|
||
|
$palette-yellow-500: rgb(255,235,59);
|
||
|
$palette-yellow-600: rgb(253,216,53);
|
||
|
$palette-yellow-700: rgb(251,192,45);
|
||
|
$palette-yellow-800: rgb(249,168,37);
|
||
|
$palette-yellow-900: rgb(245,127,23);
|
||
|
$palette-yellow-a100: rgb(255,255,141);
|
||
|
$palette-yellow-a200: rgb(255,255,0);
|
||
|
$palette-yellow-a400: rgb(255,234,0);
|
||
|
$palette-yellow-a700: rgb(255,214,0);
|
||
|
|
||
|
// Amber
|
||
|
$palette-amber-50: rgb(255,248,225);
|
||
|
$palette-amber-100: rgb(255,236,179);
|
||
|
$palette-amber-200: rgb(255,224,130);
|
||
|
$palette-amber-300: rgb(255,213,79);
|
||
|
$palette-amber-400: rgb(255,202,40);
|
||
|
$palette-amber-500: rgb(255,193,7);
|
||
|
$palette-amber-600: rgb(255,179,0);
|
||
|
$palette-amber-700: rgb(255,160,0);
|
||
|
$palette-amber-800: rgb(255,143,0);
|
||
|
$palette-amber-900: rgb(255,111,0);
|
||
|
$palette-amber-a100: rgb(255,229,127);
|
||
|
$palette-amber-a200: rgb(255,215,64);
|
||
|
$palette-amber-a400: rgb(255,196,0);
|
||
|
$palette-amber-a700: rgb(255,171,0);
|
||
|
|
||
|
// Orange
|
||
|
$palette-orange-50: rgb(255,243,224);
|
||
|
$palette-orange-100: rgb(255,224,178);
|
||
|
$palette-orange-200: rgb(255,204,128);
|
||
|
$palette-orange-300: rgb(255,183,77);
|
||
|
$palette-orange-400: rgb(255,167,38);
|
||
|
$palette-orange-500: rgb(255,152,0);
|
||
|
$palette-orange-600: rgb(251,140,0);
|
||
|
$palette-orange-700: rgb(245,124,0);
|
||
|
$palette-orange-800: rgb(239,108,0);
|
||
|
$palette-orange-900: rgb(230,81,0);
|
||
|
$palette-orange-a100: rgb(255,209,128);
|
||
|
$palette-orange-a200: rgb(255,171,64);
|
||
|
$palette-orange-a400: rgb(255,145,0);
|
||
|
$palette-orange-a700: rgb(255,109,0);
|
||
|
|
||
|
// Deep Orange
|
||
|
$palette-deep-orange-50: rgb(251,233,231);
|
||
|
$palette-deep-orange-100: rgb(255,204,188);
|
||
|
$palette-deep-orange-200: rgb(255,171,145);
|
||
|
$palette-deep-orange-300: rgb(255,138,101);
|
||
|
$palette-deep-orange-400: rgb(255,112,67);
|
||
|
$palette-deep-orange-500: rgb(255,87,34);
|
||
|
$palette-deep-orange-600: rgb(244,81,30);
|
||
|
$palette-deep-orange-700: rgb(230,74,25);
|
||
|
$palette-deep-orange-800: rgb(216,67,21);
|
||
|
$palette-deep-orange-900: rgb(191,54,12);
|
||
|
$palette-deep-orange-a100: rgb(255,158,128);
|
||
|
$palette-deep-orange-a200: rgb(255,110,64);
|
||
|
$palette-deep-orange-a400: rgb(255,61,0);
|
||
|
$palette-deep-orange-a700: rgb(221,44,0);
|
||
|
|
||
|
// Brown
|
||
|
$palette-brown-50: rgb(239,235,233);
|
||
|
$palette-brown-100: rgb(215,204,200);
|
||
|
$palette-brown-200: rgb(188,170,164);
|
||
|
$palette-brown-300: rgb(161,136,127);
|
||
|
$palette-brown-400: rgb(141,110,99);
|
||
|
$palette-brown-500: rgb(121,85,72);
|
||
|
$palette-brown-600: rgb(109,76,65);
|
||
|
$palette-brown-700: rgb(93,64,55);
|
||
|
$palette-brown-800: rgb(78,52,46);
|
||
|
$palette-brown-900: rgb(62,39,35);
|
||
|
|
||
|
// Grey
|
||
|
$palette-grey-50: rgb(250,250,250);
|
||
|
$palette-grey-100: rgb(245,245,245);
|
||
|
$palette-grey-200: rgb(238,238,238);
|
||
|
$palette-grey-300: rgb(224,224,224);
|
||
|
$palette-grey-400: rgb(189,189,189);
|
||
|
$palette-grey-500: rgb(158,158,158);
|
||
|
$palette-grey-600: rgb(117,117,117);
|
||
|
$palette-grey-700: rgb(97,97,97);
|
||
|
$palette-grey-800: rgb(66,66,66);
|
||
|
$palette-grey-900: rgb(33,33,33);
|
||
|
|
||
|
// Blue Grey
|
||
|
$palette-blue-grey-50: rgb(236,239,241);
|
||
|
$palette-blue-grey-100: rgb(207,216,220);
|
||
|
$palette-blue-grey-200: rgb(176,190,197);
|
||
|
$palette-blue-grey-300: rgb(144,164,174);
|
||
|
$palette-blue-grey-400: rgb(120,144,156);
|
||
|
$palette-blue-grey-500: rgb(96,125,139);
|
||
|
$palette-blue-grey-600: rgb(84,110,122);
|
||
|
$palette-blue-grey-700: rgb(69,90,100);
|
||
|
$palette-blue-grey-800: rgb(55,71,79);
|
||
|
$palette-blue-grey-900: rgb(38,50,56);
|
||
|
|
||
|
$color-black: rgb(0,0,0);
|
||
|
$color-white: rgb(255,255,255);
|
||
|
|
||
|
//-- The two possible colors for overlayed text.
|
||
|
$styleguide-generate-template: false !default;
|
||
|
$color-dark-contrast: $color-white !default;
|
||
|
$color-light-contrast: $color-black !default;
|