From dd8a176af72c4755e2f03787bad0685fe9a290d2 Mon Sep 17 00:00:00 2001 From: Enzo Martin Date: Wed, 18 Nov 2015 20:35:32 +0100 Subject: [PATCH] Define all colors as RGB - Remove the need to use `unquote` and makes all variables be actual color values that can be manipulated as expected with SASS --- components/_colors.scss | 822 ++++++++++++++-------------------------- 1 file changed, 275 insertions(+), 547 deletions(-) diff --git a/components/_colors.scss b/components/_colors.scss index 6888abe7..c2eb5099 100644 --- a/components/_colors.scss +++ b/components/_colors.scss @@ -1,571 +1,299 @@ //-- Color definitions taken from Material Design Lite -$palette-red: -"255,235,238" -"255,205,210" -"239,154,154" -"229,115,115" -"239,83,80" -"244,67,54" -"229,57,53" -"211,47,47" -"198,40,40" -"183,28,28" -"255,138,128" -"255,82,82" -"255,23,68" -"213,0,0"; -$palette-red-50: nth($palette-red, 1); -$palette-red-100: nth($palette-red, 2); -$palette-red-200: nth($palette-red, 3); -$palette-red-300: nth($palette-red, 4); -$palette-red-400: nth($palette-red, 5); -$palette-red-500: nth($palette-red, 6); -$palette-red-600: nth($palette-red, 7); -$palette-red-700: nth($palette-red, 8); -$palette-red-800: nth($palette-red, 9); -$palette-red-900: nth($palette-red, 10); -$palette-red-a100: nth($palette-red, 11); -$palette-red-a200: nth($palette-red, 12); -$palette-red-a400: nth($palette-red, 13); -$palette-red-a700: nth($palette-red, 14); +// 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); -$palette-pink: -"252,228,236" -"248,187,208" -"244,143,177" -"240,98,146" -"236,64,122" -"233,30,99" -"216,27,96" -"194,24,91" -"173,20,87" -"136,14,79" -"255,128,171" -"255,64,129" -"245,0,87" -"197,17,98"; +// 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); -$palette-pink-50: nth($palette-pink, 1); -$palette-pink-100: nth($palette-pink, 2); -$palette-pink-200: nth($palette-pink, 3); -$palette-pink-300: nth($palette-pink, 4); -$palette-pink-400: nth($palette-pink, 5); -$palette-pink-500: nth($palette-pink, 6); -$palette-pink-600: nth($palette-pink, 7); -$palette-pink-700: nth($palette-pink, 8); -$palette-pink-800: nth($palette-pink, 9); -$palette-pink-900: nth($palette-pink, 10); -$palette-pink-a100: nth($palette-pink, 11); -$palette-pink-a200: nth($palette-pink, 12); -$palette-pink-a400: nth($palette-pink, 13); -$palette-pink-a700: nth($palette-pink, 14); +// 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); -$palette-purple: -"243,229,245" -"225,190,231" -"206,147,216" -"186,104,200" -"171,71,188" -"156,39,176" -"142,36,170" -"123,31,162" -"106,27,154" -"74,20,140" -"234,128,252" -"224,64,251" -"213,0,249" -"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); -$palette-purple-50: nth($palette-purple, 1); -$palette-purple-100: nth($palette-purple, 2); -$palette-purple-200: nth($palette-purple, 3); -$palette-purple-300: nth($palette-purple, 4); -$palette-purple-400: nth($palette-purple, 5); -$palette-purple-500: nth($palette-purple, 6); -$palette-purple-600: nth($palette-purple, 7); -$palette-purple-700: nth($palette-purple, 8); -$palette-purple-800: nth($palette-purple, 9); -$palette-purple-900: nth($palette-purple, 10); -$palette-purple-a100: nth($palette-purple, 11); -$palette-purple-a200: nth($palette-purple, 12); -$palette-purple-a400: nth($palette-purple, 13); -$palette-purple-a700: nth($palette-purple, 14); +// 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); -$palette-deep-purple: -"237,231,246" -"209,196,233" -"179,157,219" -"149,117,205" -"126,87,194" -"103,58,183" -"94,53,177" -"81,45,168" -"69,39,160" -"49,27,146" -"179,136,255" -"124,77,255" -"101,31,255" -"98,0,234"; +// 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); -$palette-deep-purple-50: nth($palette-deep-purple, 1); -$palette-deep-purple-100: nth($palette-deep-purple, 2); -$palette-deep-purple-200: nth($palette-deep-purple, 3); -$palette-deep-purple-300: nth($palette-deep-purple, 4); -$palette-deep-purple-400: nth($palette-deep-purple, 5); -$palette-deep-purple-500: nth($palette-deep-purple, 6); -$palette-deep-purple-600: nth($palette-deep-purple, 7); -$palette-deep-purple-700: nth($palette-deep-purple, 8); -$palette-deep-purple-800: nth($palette-deep-purple, 9); -$palette-deep-purple-900: nth($palette-deep-purple, 10); -$palette-deep-purple-a100: nth($palette-deep-purple, 11); -$palette-deep-purple-a200: nth($palette-deep-purple, 12); -$palette-deep-purple-a400: nth($palette-deep-purple, 13); -$palette-deep-purple-a700: nth($palette-deep-purple, 14); +// 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); -$palette-indigo: -"232,234,246" -"197,202,233" -"159,168,218" -"121,134,203" -"92,107,192" -"63,81,181" -"57,73,171" -"48,63,159" -"40,53,147" -"26,35,126" -"140,158,255" -"83,109,254" -"61,90,254" -"48,79,254"; +// 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); -$palette-indigo-50: nth($palette-indigo, 1); -$palette-indigo-100: nth($palette-indigo, 2); -$palette-indigo-200: nth($palette-indigo, 3); -$palette-indigo-300: nth($palette-indigo, 4); -$palette-indigo-400: nth($palette-indigo, 5); -$palette-indigo-500: nth($palette-indigo, 6); -$palette-indigo-600: nth($palette-indigo, 7); -$palette-indigo-700: nth($palette-indigo, 8); -$palette-indigo-800: nth($palette-indigo, 9); -$palette-indigo-900: nth($palette-indigo, 10); -$palette-indigo-a100: nth($palette-indigo, 11); -$palette-indigo-a200: nth($palette-indigo, 12); -$palette-indigo-a400: nth($palette-indigo, 13); -$palette-indigo-a700: nth($palette-indigo, 14); +// 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); -$palette-blue: -"227,242,253" -"187,222,251" -"144,202,249" -"100,181,246" -"66,165,245" -"33,150,243" -"30,136,229" -"25,118,210" -"21,101,192" -"13,71,161" -"130,177,255" -"68,138,255" -"41,121,255" -"41,98,255"; +// 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); -$palette-blue-50: nth($palette-blue, 1); -$palette-blue-100: nth($palette-blue, 2); -$palette-blue-200: nth($palette-blue, 3); -$palette-blue-300: nth($palette-blue, 4); -$palette-blue-400: nth($palette-blue, 5); -$palette-blue-500: nth($palette-blue, 6); -$palette-blue-600: nth($palette-blue, 7); -$palette-blue-700: nth($palette-blue, 8); -$palette-blue-800: nth($palette-blue, 9); -$palette-blue-900: nth($palette-blue, 10); -$palette-blue-a100: nth($palette-blue, 11); -$palette-blue-a200: nth($palette-blue, 12); -$palette-blue-a400: nth($palette-blue, 13); -$palette-blue-a700: nth($palette-blue, 14); +// 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); -$palette-light-blue: -"225,245,254" -"179,229,252" -"129,212,250" -"79,195,247" -"41,182,246" -"3,169,244" -"3,155,229" -"2,136,209" -"2,119,189" -"1,87,155" -"128,216,255" -"64,196,255" -"0,176,255" -"0,145,234"; +// 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); -$palette-light-blue-50: nth($palette-light-blue, 1); -$palette-light-blue-100: nth($palette-light-blue, 2); -$palette-light-blue-200: nth($palette-light-blue, 3); -$palette-light-blue-300: nth($palette-light-blue, 4); -$palette-light-blue-400: nth($palette-light-blue, 5); -$palette-light-blue-500: nth($palette-light-blue, 6); -$palette-light-blue-600: nth($palette-light-blue, 7); -$palette-light-blue-700: nth($palette-light-blue, 8); -$palette-light-blue-800: nth($palette-light-blue, 9); -$palette-light-blue-900: nth($palette-light-blue, 10); -$palette-light-blue-a100: nth($palette-light-blue, 11); -$palette-light-blue-a200: nth($palette-light-blue, 12); -$palette-light-blue-a400: nth($palette-light-blue, 13); -$palette-light-blue-a700: nth($palette-light-blue, 14); +// 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); -$palette-cyan: -"224,247,250" -"178,235,242" -"128,222,234" -"77,208,225" -"38,198,218" -"0,188,212" -"0,172,193" -"0,151,167" -"0,131,143" -"0,96,100" -"132,255,255" -"24,255,255" -"0,229,255" -"0,184,212"; +// 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); -$palette-cyan-50: nth($palette-cyan, 1); -$palette-cyan-100: nth($palette-cyan, 2); -$palette-cyan-200: nth($palette-cyan, 3); -$palette-cyan-300: nth($palette-cyan, 4); -$palette-cyan-400: nth($palette-cyan, 5); -$palette-cyan-500: nth($palette-cyan, 6); -$palette-cyan-600: nth($palette-cyan, 7); -$palette-cyan-700: nth($palette-cyan, 8); -$palette-cyan-800: nth($palette-cyan, 9); -$palette-cyan-900: nth($palette-cyan, 10); -$palette-cyan-a100: nth($palette-cyan, 11); -$palette-cyan-a200: nth($palette-cyan, 12); -$palette-cyan-a400: nth($palette-cyan, 13); -$palette-cyan-a700: nth($palette-cyan, 14); +// 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); -$palette-teal: -"224,242,241" -"178,223,219" -"128,203,196" -"77,182,172" -"38,166,154" -"0,150,136" -"0,137,123" -"0,121,107" -"0,105,92" -"0,77,64" -"167,255,235" -"100,255,218" -"29,233,182" -"0,191,165"; +// 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); -$palette-teal-50: nth($palette-teal, 1); -$palette-teal-100: nth($palette-teal, 2); -$palette-teal-200: nth($palette-teal, 3); -$palette-teal-300: nth($palette-teal, 4); -$palette-teal-400: nth($palette-teal, 5); -$palette-teal-500: nth($palette-teal, 6); -$palette-teal-600: nth($palette-teal, 7); -$palette-teal-700: nth($palette-teal, 8); -$palette-teal-800: nth($palette-teal, 9); -$palette-teal-900: nth($palette-teal, 10); -$palette-teal-a100: nth($palette-teal, 11); -$palette-teal-a200: nth($palette-teal, 12); -$palette-teal-a400: nth($palette-teal, 13); -$palette-teal-a700: nth($palette-teal, 14); +// 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); -$palette-green: -"232,245,233" -"200,230,201" -"165,214,167" -"129,199,132" -"102,187,106" -"76,175,80" -"67,160,71" -"56,142,60" -"46,125,50" -"27,94,32" -"185,246,202" -"105,240,174" -"0,230,118" -"0,200,83"; +// 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); -$palette-green-50: nth($palette-green, 1); -$palette-green-100: nth($palette-green, 2); -$palette-green-200: nth($palette-green, 3); -$palette-green-300: nth($palette-green, 4); -$palette-green-400: nth($palette-green, 5); -$palette-green-500: nth($palette-green, 6); -$palette-green-600: nth($palette-green, 7); -$palette-green-700: nth($palette-green, 8); -$palette-green-800: nth($palette-green, 9); -$palette-green-900: nth($palette-green, 10); -$palette-green-a100: nth($palette-green, 11); -$palette-green-a200: nth($palette-green, 12); -$palette-green-a400: nth($palette-green, 13); -$palette-green-a700: nth($palette-green, 14); +// 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); -$palette-light-green: -"241,248,233" -"220,237,200" -"197,225,165" -"174,213,129" -"156,204,101" -"139,195,74" -"124,179,66" -"104,159,56" -"85,139,47" -"51,105,30" -"204,255,144" -"178,255,89" -"118,255,3" -"100,221,23"; - -$palette-light-green-50: nth($palette-light-green, 1); -$palette-light-green-100: nth($palette-light-green, 2); -$palette-light-green-200: nth($palette-light-green, 3); -$palette-light-green-300: nth($palette-light-green, 4); -$palette-light-green-400: nth($palette-light-green, 5); -$palette-light-green-500: nth($palette-light-green, 6); -$palette-light-green-600: nth($palette-light-green, 7); -$palette-light-green-700: nth($palette-light-green, 8); -$palette-light-green-800: nth($palette-light-green, 9); -$palette-light-green-900: nth($palette-light-green, 10); -$palette-light-green-a100: nth($palette-light-green, 11); -$palette-light-green-a200: nth($palette-light-green, 12); -$palette-light-green-a400: nth($palette-light-green, 13); -$palette-light-green-a700: nth($palette-light-green, 14); - -$palette-lime: -"249,251,231" -"240,244,195" -"230,238,156" -"220,231,117" -"212,225,87" -"205,220,57" -"192,202,51" -"175,180,43" -"158,157,36" -"130,119,23" -"244,255,129" -"238,255,65" -"198,255,0" -"174,234,0"; - -$palette-lime-50: nth($palette-lime, 1); -$palette-lime-100: nth($palette-lime, 2); -$palette-lime-200: nth($palette-lime, 3); -$palette-lime-300: nth($palette-lime, 4); -$palette-lime-400: nth($palette-lime, 5); -$palette-lime-500: nth($palette-lime, 6); -$palette-lime-600: nth($palette-lime, 7); -$palette-lime-700: nth($palette-lime, 8); -$palette-lime-800: nth($palette-lime, 9); -$palette-lime-900: nth($palette-lime, 10); -$palette-lime-a100: nth($palette-lime, 11); -$palette-lime-a200: nth($palette-lime, 12); -$palette-lime-a400: nth($palette-lime, 13); -$palette-lime-a700: nth($palette-lime, 14); - -$palette-yellow: -"255,253,231" -"255,249,196" -"255,245,157" -"255,241,118" -"255,238,88" -"255,235,59" -"253,216,53" -"251,192,45" -"249,168,37" -"245,127,23" -"255,255,141" -"255,255,0" -"255,234,0" -"255,214,0"; - -$palette-yellow-50: nth($palette-yellow, 1); -$palette-yellow-100: nth($palette-yellow, 2); -$palette-yellow-200: nth($palette-yellow, 3); -$palette-yellow-300: nth($palette-yellow, 4); -$palette-yellow-400: nth($palette-yellow, 5); -$palette-yellow-500: nth($palette-yellow, 6); -$palette-yellow-600: nth($palette-yellow, 7); -$palette-yellow-700: nth($palette-yellow, 8); -$palette-yellow-800: nth($palette-yellow, 9); -$palette-yellow-900: nth($palette-yellow, 10); -$palette-yellow-a100: nth($palette-yellow, 11); -$palette-yellow-a200: nth($palette-yellow, 12); -$palette-yellow-a400: nth($palette-yellow, 13); -$palette-yellow-a700: nth($palette-yellow, 14); - -$palette-amber: -"255,248,225" -"255,236,179" -"255,224,130" -"255,213,79" -"255,202,40" -"255,193,7" -"255,179,0" -"255,160,0" -"255,143,0" -"255,111,0" -"255,229,127" -"255,215,64" -"255,196,0" -"255,171,0"; - -$palette-amber-50: nth($palette-amber, 1); -$palette-amber-100: nth($palette-amber, 2); -$palette-amber-200: nth($palette-amber, 3); -$palette-amber-300: nth($palette-amber, 4); -$palette-amber-400: nth($palette-amber, 5); -$palette-amber-500: nth($palette-amber, 6); -$palette-amber-600: nth($palette-amber, 7); -$palette-amber-700: nth($palette-amber, 8); -$palette-amber-800: nth($palette-amber, 9); -$palette-amber-900: nth($palette-amber, 10); -$palette-amber-a100: nth($palette-amber, 11); -$palette-amber-a200: nth($palette-amber, 12); -$palette-amber-a400: nth($palette-amber, 13); -$palette-amber-a700: nth($palette-amber, 14); - -$palette-orange: -"255,243,224" -"255,224,178" -"255,204,128" -"255,183,77" -"255,167,38" -"255,152,0" -"251,140,0" -"245,124,0" -"239,108,0" -"230,81,0" -"255,209,128" -"255,171,64" -"255,145,0" -"255,109,0"; - -$palette-orange-50: nth($palette-orange, 1); -$palette-orange-100: nth($palette-orange, 2); -$palette-orange-200: nth($palette-orange, 3); -$palette-orange-300: nth($palette-orange, 4); -$palette-orange-400: nth($palette-orange, 5); -$palette-orange-500: nth($palette-orange, 6); -$palette-orange-600: nth($palette-orange, 7); -$palette-orange-700: nth($palette-orange, 8); -$palette-orange-800: nth($palette-orange, 9); -$palette-orange-900: nth($palette-orange, 10); -$palette-orange-a100: nth($palette-orange, 11); -$palette-orange-a200: nth($palette-orange, 12); -$palette-orange-a400: nth($palette-orange, 13); -$palette-orange-a700: nth($palette-orange, 14); - -$palette-deep-orange: -"251,233,231" -"255,204,188" -"255,171,145" -"255,138,101" -"255,112,67" -"255,87,34" -"244,81,30" -"230,74,25" -"216,67,21" -"191,54,12" -"255,158,128" -"255,110,64" -"255,61,0" -"221,44,0"; - -$palette-deep-orange-50: nth($palette-deep-orange, 1); -$palette-deep-orange-100: nth($palette-deep-orange, 2); -$palette-deep-orange-200: nth($palette-deep-orange, 3); -$palette-deep-orange-300: nth($palette-deep-orange, 4); -$palette-deep-orange-400: nth($palette-deep-orange, 5); -$palette-deep-orange-500: nth($palette-deep-orange, 6); -$palette-deep-orange-600: nth($palette-deep-orange, 7); -$palette-deep-orange-700: nth($palette-deep-orange, 8); -$palette-deep-orange-800: nth($palette-deep-orange, 9); -$palette-deep-orange-900: nth($palette-deep-orange, 10); -$palette-deep-orange-a100: nth($palette-deep-orange, 11); -$palette-deep-orange-a200: nth($palette-deep-orange, 12); -$palette-deep-orange-a400: nth($palette-deep-orange, 13); -$palette-deep-orange-a700: nth($palette-deep-orange, 14); - -$palette-brown: -"239,235,233" -"215,204,200" -"188,170,164" -"161,136,127" -"141,110,99" -"121,85,72" -"109,76,65" -"93,64,55" -"78,52,46" -"62,39,35"; - -$palette-brown-50: nth($palette-brown, 1); -$palette-brown-100: nth($palette-brown, 2); -$palette-brown-200: nth($palette-brown, 3); -$palette-brown-300: nth($palette-brown, 4); -$palette-brown-400: nth($palette-brown, 5); -$palette-brown-500: nth($palette-brown, 6); -$palette-brown-600: nth($palette-brown, 7); -$palette-brown-700: nth($palette-brown, 8); -$palette-brown-800: nth($palette-brown, 9); -$palette-brown-900: nth($palette-brown, 10); - -$palette-grey: -"250,250,250" -"245,245,245" -"238,238,238" -"224,224,224" -"189,189,189" -"158,158,158" -"117,117,117" -"97,97,97" -"66,66,66" -"33,33,33"; - -$palette-grey-50: nth($palette-grey, 1); -$palette-grey-100: nth($palette-grey, 2); -$palette-grey-200: nth($palette-grey, 3); -$palette-grey-300: nth($palette-grey, 4); -$palette-grey-400: nth($palette-grey, 5); -$palette-grey-500: nth($palette-grey, 6); -$palette-grey-600: nth($palette-grey, 7); -$palette-grey-700: nth($palette-grey, 8); -$palette-grey-800: nth($palette-grey, 9); -$palette-grey-900: nth($palette-grey, 10); - -$palette-blue-grey: -"236,239,241" -"207,216,220" -"176,190,197" -"144,164,174" -"120,144,156" -"96,125,139" -"84,110,122" -"69,90,100" -"55,71,79" -"38,50,56"; - -$palette-blue-grey-50: nth($palette-blue-grey, 1); -$palette-blue-grey-100: nth($palette-blue-grey, 2); -$palette-blue-grey-200: nth($palette-blue-grey, 3); -$palette-blue-grey-300: nth($palette-blue-grey, 4); -$palette-blue-grey-400: nth($palette-blue-grey, 5); -$palette-blue-grey-500: nth($palette-blue-grey, 6); -$palette-blue-grey-600: nth($palette-blue-grey, 7); -$palette-blue-grey-700: nth($palette-blue-grey, 8); -$palette-blue-grey-800: nth($palette-blue-grey, 9); -$palette-blue-grey-900: nth($palette-blue-grey, 10); - -$color-black: "0,0,0"; -$color-white: "255,255,255"; +$color-black: rgb(0,0,0); +$color-white: rgb(255,255,255); //-- The two possible colors for overlayed text. $styleguide-generate-template: false !default;