liquid_feedback_frontend
view style/mdl/_color-definitions.scss @ 1676:8fde003bdeb0
Added support for alternative DN string
| author | bsw |
|---|---|
| date | Mon Jun 07 20:58:31 2021 +0200 (2021-06-07) |
| parents | 32cc544d5a5b |
| children |
line source
1 /**
2 * Copyright 2015 Google Inc. All Rights Reserved.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
17 /* ========== Color Palettes ========== */
19 // Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200,
20 // A400, A700.
22 $palette-red:
23 "255,235,238"
24 "255,205,210"
25 "239,154,154"
26 "229,115,115"
27 "239,83,80"
28 "244,67,54"
29 "229,57,53"
30 "211,47,47"
31 "198,40,40"
32 "183,28,28"
33 "255,138,128"
34 "255,82,82"
35 "255,23,68"
36 "213,0,0";
38 $palette-red-50: nth($palette-red, 1);
39 $palette-red-100: nth($palette-red, 2);
40 $palette-red-200: nth($palette-red, 3);
41 $palette-red-300: nth($palette-red, 4);
42 $palette-red-400: nth($palette-red, 5);
43 $palette-red-500: nth($palette-red, 6);
44 $palette-red-600: nth($palette-red, 7);
45 $palette-red-700: nth($palette-red, 8);
46 $palette-red-800: nth($palette-red, 9);
47 $palette-red-900: nth($palette-red, 10);
48 $palette-red-A100: nth($palette-red, 11);
49 $palette-red-A200: nth($palette-red, 12);
50 $palette-red-A400: nth($palette-red, 13);
51 $palette-red-A700: nth($palette-red, 14);
53 $palette-pink:
54 "252,228,236"
55 "248,187,208"
56 "244,143,177"
57 "240,98,146"
58 "236,64,122"
59 "233,30,99"
60 "216,27,96"
61 "194,24,91"
62 "173,20,87"
63 "136,14,79"
64 "255,128,171"
65 "255,64,129"
66 "245,0,87"
67 "197,17,98";
69 $palette-pink-50: nth($palette-pink, 1);
70 $palette-pink-100: nth($palette-pink, 2);
71 $palette-pink-200: nth($palette-pink, 3);
72 $palette-pink-300: nth($palette-pink, 4);
73 $palette-pink-400: nth($palette-pink, 5);
74 $palette-pink-500: nth($palette-pink, 6);
75 $palette-pink-600: nth($palette-pink, 7);
76 $palette-pink-700: nth($palette-pink, 8);
77 $palette-pink-800: nth($palette-pink, 9);
78 $palette-pink-900: nth($palette-pink, 10);
79 $palette-pink-A100: nth($palette-pink, 11);
80 $palette-pink-A200: nth($palette-pink, 12);
81 $palette-pink-A400: nth($palette-pink, 13);
82 $palette-pink-A700: nth($palette-pink, 14);
84 $palette-purple:
85 "243,229,245"
86 "225,190,231"
87 "206,147,216"
88 "186,104,200"
89 "171,71,188"
90 "156,39,176"
91 "142,36,170"
92 "123,31,162"
93 "106,27,154"
94 "74,20,140"
95 "234,128,252"
96 "224,64,251"
97 "213,0,249"
98 "170,0,255";
100 $palette-purple-50: nth($palette-purple, 1);
101 $palette-purple-100: nth($palette-purple, 2);
102 $palette-purple-200: nth($palette-purple, 3);
103 $palette-purple-300: nth($palette-purple, 4);
104 $palette-purple-400: nth($palette-purple, 5);
105 $palette-purple-500: nth($palette-purple, 6);
106 $palette-purple-600: nth($palette-purple, 7);
107 $palette-purple-700: nth($palette-purple, 8);
108 $palette-purple-800: nth($palette-purple, 9);
109 $palette-purple-900: nth($palette-purple, 10);
110 $palette-purple-A100: nth($palette-purple, 11);
111 $palette-purple-A200: nth($palette-purple, 12);
112 $palette-purple-A400: nth($palette-purple, 13);
113 $palette-purple-A700: nth($palette-purple, 14);
115 $palette-deep-purple:
116 "237,231,246"
117 "209,196,233"
118 "179,157,219"
119 "149,117,205"
120 "126,87,194"
121 "103,58,183"
122 "94,53,177"
123 "81,45,168"
124 "69,39,160"
125 "49,27,146"
126 "179,136,255"
127 "124,77,255"
128 "101,31,255"
129 "98,0,234";
131 $palette-deep-purple-50: nth($palette-deep-purple, 1);
132 $palette-deep-purple-100: nth($palette-deep-purple, 2);
133 $palette-deep-purple-200: nth($palette-deep-purple, 3);
134 $palette-deep-purple-300: nth($palette-deep-purple, 4);
135 $palette-deep-purple-400: nth($palette-deep-purple, 5);
136 $palette-deep-purple-500: nth($palette-deep-purple, 6);
137 $palette-deep-purple-600: nth($palette-deep-purple, 7);
138 $palette-deep-purple-700: nth($palette-deep-purple, 8);
139 $palette-deep-purple-800: nth($palette-deep-purple, 9);
140 $palette-deep-purple-900: nth($palette-deep-purple, 10);
141 $palette-deep-purple-A100: nth($palette-deep-purple, 11);
142 $palette-deep-purple-A200: nth($palette-deep-purple, 12);
143 $palette-deep-purple-A400: nth($palette-deep-purple, 13);
144 $palette-deep-purple-A700: nth($palette-deep-purple, 14);
146 $palette-indigo:
147 "232,234,246"
148 "197,202,233"
149 "159,168,218"
150 "121,134,203"
151 "92,107,192"
152 "63,81,181"
153 "57,73,171"
154 "48,63,159"
155 "40,53,147"
156 "26,35,126"
157 "140,158,255"
158 "83,109,254"
159 "61,90,254"
160 "48,79,254";
162 $palette-indigo-50: nth($palette-indigo, 1);
163 $palette-indigo-100: nth($palette-indigo, 2);
164 $palette-indigo-200: nth($palette-indigo, 3);
165 $palette-indigo-300: nth($palette-indigo, 4);
166 $palette-indigo-400: nth($palette-indigo, 5);
167 $palette-indigo-500: nth($palette-indigo, 6);
168 $palette-indigo-600: nth($palette-indigo, 7);
169 $palette-indigo-700: nth($palette-indigo, 8);
170 $palette-indigo-800: nth($palette-indigo, 9);
171 $palette-indigo-900: nth($palette-indigo, 10);
172 $palette-indigo-A100: nth($palette-indigo, 11);
173 $palette-indigo-A200: nth($palette-indigo, 12);
174 $palette-indigo-A400: nth($palette-indigo, 13);
175 $palette-indigo-A700: nth($palette-indigo, 14);
177 $palette-blue:
178 "227,242,253"
179 "187,222,251"
180 "144,202,249"
181 "100,181,246"
182 "66,165,245"
183 "33,150,243"
184 "30,136,229"
185 "25,118,210"
186 "21,101,192"
187 "13,71,161"
188 "130,177,255"
189 "68,138,255"
190 "41,121,255"
191 "41,98,255";
193 $palette-blue-50: nth($palette-blue, 1);
194 $palette-blue-100: nth($palette-blue, 2);
195 $palette-blue-200: nth($palette-blue, 3);
196 $palette-blue-300: nth($palette-blue, 4);
197 $palette-blue-400: nth($palette-blue, 5);
198 $palette-blue-500: nth($palette-blue, 6);
199 $palette-blue-600: nth($palette-blue, 7);
200 $palette-blue-700: nth($palette-blue, 8);
201 $palette-blue-800: nth($palette-blue, 9);
202 $palette-blue-900: nth($palette-blue, 10);
203 $palette-blue-A100: nth($palette-blue, 11);
204 $palette-blue-A200: nth($palette-blue, 12);
205 $palette-blue-A400: nth($palette-blue, 13);
206 $palette-blue-A700: nth($palette-blue, 14);
208 $palette-light-blue:
209 "225,245,254"
210 "179,229,252"
211 "129,212,250"
212 "79,195,247"
213 "41,182,246"
214 "3,169,244"
215 "3,155,229"
216 "2,136,209"
217 "2,119,189"
218 "1,87,155"
219 "128,216,255"
220 "64,196,255"
221 "0,176,255"
222 "0,145,234";
224 $palette-light-blue-50: nth($palette-light-blue, 1);
225 $palette-light-blue-100: nth($palette-light-blue, 2);
226 $palette-light-blue-200: nth($palette-light-blue, 3);
227 $palette-light-blue-300: nth($palette-light-blue, 4);
228 $palette-light-blue-400: nth($palette-light-blue, 5);
229 $palette-light-blue-500: nth($palette-light-blue, 6);
230 $palette-light-blue-600: nth($palette-light-blue, 7);
231 $palette-light-blue-700: nth($palette-light-blue, 8);
232 $palette-light-blue-800: nth($palette-light-blue, 9);
233 $palette-light-blue-900: nth($palette-light-blue, 10);
234 $palette-light-blue-A100: nth($palette-light-blue, 11);
235 $palette-light-blue-A200: nth($palette-light-blue, 12);
236 $palette-light-blue-A400: nth($palette-light-blue, 13);
237 $palette-light-blue-A700: nth($palette-light-blue, 14);
239 $palette-cyan:
240 "224,247,250"
241 "178,235,242"
242 "128,222,234"
243 "77,208,225"
244 "38,198,218"
245 "0,188,212"
246 "0,172,193"
247 "0,151,167"
248 "0,131,143"
249 "0,96,100"
250 "132,255,255"
251 "24,255,255"
252 "0,229,255"
253 "0,184,212";
255 $palette-cyan-50: nth($palette-cyan, 1);
256 $palette-cyan-100: nth($palette-cyan, 2);
257 $palette-cyan-200: nth($palette-cyan, 3);
258 $palette-cyan-300: nth($palette-cyan, 4);
259 $palette-cyan-400: nth($palette-cyan, 5);
260 $palette-cyan-500: nth($palette-cyan, 6);
261 $palette-cyan-600: nth($palette-cyan, 7);
262 $palette-cyan-700: nth($palette-cyan, 8);
263 $palette-cyan-800: nth($palette-cyan, 9);
264 $palette-cyan-900: nth($palette-cyan, 10);
265 $palette-cyan-A100: nth($palette-cyan, 11);
266 $palette-cyan-A200: nth($palette-cyan, 12);
267 $palette-cyan-A400: nth($palette-cyan, 13);
268 $palette-cyan-A700: nth($palette-cyan, 14);
270 $palette-teal:
271 "224,242,241"
272 "178,223,219"
273 "128,203,196"
274 "77,182,172"
275 "38,166,154"
276 "0,150,136"
277 "0,137,123"
278 "0,121,107"
279 "0,105,92"
280 "0,77,64"
281 "167,255,235"
282 "100,255,218"
283 "29,233,182"
284 "0,191,165";
286 $palette-teal-50: nth($palette-teal, 1);
287 $palette-teal-100: nth($palette-teal, 2);
288 $palette-teal-200: nth($palette-teal, 3);
289 $palette-teal-300: nth($palette-teal, 4);
290 $palette-teal-400: nth($palette-teal, 5);
291 $palette-teal-500: nth($palette-teal, 6);
292 $palette-teal-600: nth($palette-teal, 7);
293 $palette-teal-700: nth($palette-teal, 8);
294 $palette-teal-800: nth($palette-teal, 9);
295 $palette-teal-900: nth($palette-teal, 10);
296 $palette-teal-A100: nth($palette-teal, 11);
297 $palette-teal-A200: nth($palette-teal, 12);
298 $palette-teal-A400: nth($palette-teal, 13);
299 $palette-teal-A700: nth($palette-teal, 14);
301 $palette-green:
302 "232,245,233"
303 "200,230,201"
304 "165,214,167"
305 "129,199,132"
306 "102,187,106"
307 "76,175,80"
308 "67,160,71"
309 "56,142,60"
310 "46,125,50"
311 "27,94,32"
312 "185,246,202"
313 "105,240,174"
314 "0,230,118"
315 "0,200,83";
317 $palette-green-50: nth($palette-green, 1);
318 $palette-green-100: nth($palette-green, 2);
319 $palette-green-200: nth($palette-green, 3);
320 $palette-green-300: nth($palette-green, 4);
321 $palette-green-400: nth($palette-green, 5);
322 $palette-green-500: nth($palette-green, 6);
323 $palette-green-600: nth($palette-green, 7);
324 $palette-green-700: nth($palette-green, 8);
325 $palette-green-800: nth($palette-green, 9);
326 $palette-green-900: nth($palette-green, 10);
327 $palette-green-A100: nth($palette-green, 11);
328 $palette-green-A200: nth($palette-green, 12);
329 $palette-green-A400: nth($palette-green, 13);
330 $palette-green-A700: nth($palette-green, 14);
332 $palette-light-green:
333 "241,248,233"
334 "220,237,200"
335 "197,225,165"
336 "174,213,129"
337 "156,204,101"
338 "139,195,74"
339 "124,179,66"
340 "104,159,56"
341 "85,139,47"
342 "51,105,30"
343 "204,255,144"
344 "178,255,89"
345 "118,255,3"
346 "100,221,23";
348 $palette-light-green-50: nth($palette-light-green, 1);
349 $palette-light-green-100: nth($palette-light-green, 2);
350 $palette-light-green-200: nth($palette-light-green, 3);
351 $palette-light-green-300: nth($palette-light-green, 4);
352 $palette-light-green-400: nth($palette-light-green, 5);
353 $palette-light-green-500: nth($palette-light-green, 6);
354 $palette-light-green-600: nth($palette-light-green, 7);
355 $palette-light-green-700: nth($palette-light-green, 8);
356 $palette-light-green-800: nth($palette-light-green, 9);
357 $palette-light-green-900: nth($palette-light-green, 10);
358 $palette-light-green-A100: nth($palette-light-green, 11);
359 $palette-light-green-A200: nth($palette-light-green, 12);
360 $palette-light-green-A400: nth($palette-light-green, 13);
361 $palette-light-green-A700: nth($palette-light-green, 14);
363 $palette-lime:
364 "249,251,231"
365 "240,244,195"
366 "230,238,156"
367 "220,231,117"
368 "212,225,87"
369 "205,220,57"
370 "192,202,51"
371 "175,180,43"
372 "158,157,36"
373 "130,119,23"
374 "244,255,129"
375 "238,255,65"
376 "198,255,0"
377 "174,234,0";
379 $palette-lime-50: nth($palette-lime, 1);
380 $palette-lime-100: nth($palette-lime, 2);
381 $palette-lime-200: nth($palette-lime, 3);
382 $palette-lime-300: nth($palette-lime, 4);
383 $palette-lime-400: nth($palette-lime, 5);
384 $palette-lime-500: nth($palette-lime, 6);
385 $palette-lime-600: nth($palette-lime, 7);
386 $palette-lime-700: nth($palette-lime, 8);
387 $palette-lime-800: nth($palette-lime, 9);
388 $palette-lime-900: nth($palette-lime, 10);
389 $palette-lime-A100: nth($palette-lime, 11);
390 $palette-lime-A200: nth($palette-lime, 12);
391 $palette-lime-A400: nth($palette-lime, 13);
392 $palette-lime-A700: nth($palette-lime, 14);
394 $palette-yellow:
395 "255,253,231"
396 "255,249,196"
397 "255,245,157"
398 "255,241,118"
399 "255,238,88"
400 "255,235,59"
401 "253,216,53"
402 "251,192,45"
403 "249,168,37"
404 "245,127,23"
405 "255,255,141"
406 "255,255,0"
407 "255,234,0"
408 "255,214,0";
410 $palette-yellow-50: nth($palette-yellow, 1);
411 $palette-yellow-100: nth($palette-yellow, 2);
412 $palette-yellow-200: nth($palette-yellow, 3);
413 $palette-yellow-300: nth($palette-yellow, 4);
414 $palette-yellow-400: nth($palette-yellow, 5);
415 $palette-yellow-500: nth($palette-yellow, 6);
416 $palette-yellow-600: nth($palette-yellow, 7);
417 $palette-yellow-700: nth($palette-yellow, 8);
418 $palette-yellow-800: nth($palette-yellow, 9);
419 $palette-yellow-900: nth($palette-yellow, 10);
420 $palette-yellow-A100: nth($palette-yellow, 11);
421 $palette-yellow-A200: nth($palette-yellow, 12);
422 $palette-yellow-A400: nth($palette-yellow, 13);
423 $palette-yellow-A700: nth($palette-yellow, 14);
425 $palette-amber:
426 "255,248,225"
427 "255,236,179"
428 "255,224,130"
429 "255,213,79"
430 "255,202,40"
431 "255,193,7"
432 "255,179,0"
433 "255,160,0"
434 "255,143,0"
435 "255,111,0"
436 "255,229,127"
437 "255,215,64"
438 "255,196,0"
439 "255,171,0";
441 $palette-amber-50: nth($palette-amber, 1);
442 $palette-amber-100: nth($palette-amber, 2);
443 $palette-amber-200: nth($palette-amber, 3);
444 $palette-amber-300: nth($palette-amber, 4);
445 $palette-amber-400: nth($palette-amber, 5);
446 $palette-amber-500: nth($palette-amber, 6);
447 $palette-amber-600: nth($palette-amber, 7);
448 $palette-amber-700: nth($palette-amber, 8);
449 $palette-amber-800: nth($palette-amber, 9);
450 $palette-amber-900: nth($palette-amber, 10);
451 $palette-amber-A100: nth($palette-amber, 11);
452 $palette-amber-A200: nth($palette-amber, 12);
453 $palette-amber-A400: nth($palette-amber, 13);
454 $palette-amber-A700: nth($palette-amber, 14);
456 $palette-orange:
457 "255,243,224"
458 "255,224,178"
459 "255,204,128"
460 "255,183,77"
461 "255,167,38"
462 "255,152,0"
463 "251,140,0"
464 "245,124,0"
465 "239,108,0"
466 "230,81,0"
467 "255,209,128"
468 "255,171,64"
469 "255,145,0"
470 "255,109,0";
472 $palette-orange-50: nth($palette-orange, 1);
473 $palette-orange-100: nth($palette-orange, 2);
474 $palette-orange-200: nth($palette-orange, 3);
475 $palette-orange-300: nth($palette-orange, 4);
476 $palette-orange-400: nth($palette-orange, 5);
477 $palette-orange-500: nth($palette-orange, 6);
478 $palette-orange-600: nth($palette-orange, 7);
479 $palette-orange-700: nth($palette-orange, 8);
480 $palette-orange-800: nth($palette-orange, 9);
481 $palette-orange-900: nth($palette-orange, 10);
482 $palette-orange-A100: nth($palette-orange, 11);
483 $palette-orange-A200: nth($palette-orange, 12);
484 $palette-orange-A400: nth($palette-orange, 13);
485 $palette-orange-A700: nth($palette-orange, 14);
487 $palette-deep-orange:
488 "251,233,231"
489 "255,204,188"
490 "255,171,145"
491 "255,138,101"
492 "255,112,67"
493 "255,87,34"
494 "244,81,30"
495 "230,74,25"
496 "216,67,21"
497 "191,54,12"
498 "255,158,128"
499 "255,110,64"
500 "255,61,0"
501 "221,44,0";
503 $palette-deep-orange-50: nth($palette-deep-orange, 1);
504 $palette-deep-orange-100: nth($palette-deep-orange, 2);
505 $palette-deep-orange-200: nth($palette-deep-orange, 3);
506 $palette-deep-orange-300: nth($palette-deep-orange, 4);
507 $palette-deep-orange-400: nth($palette-deep-orange, 5);
508 $palette-deep-orange-500: nth($palette-deep-orange, 6);
509 $palette-deep-orange-600: nth($palette-deep-orange, 7);
510 $palette-deep-orange-700: nth($palette-deep-orange, 8);
511 $palette-deep-orange-800: nth($palette-deep-orange, 9);
512 $palette-deep-orange-900: nth($palette-deep-orange, 10);
513 $palette-deep-orange-A100: nth($palette-deep-orange, 11);
514 $palette-deep-orange-A200: nth($palette-deep-orange, 12);
515 $palette-deep-orange-A400: nth($palette-deep-orange, 13);
516 $palette-deep-orange-A700: nth($palette-deep-orange, 14);
519 // Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.
521 $palette-brown:
522 "239,235,233"
523 "215,204,200"
524 "188,170,164"
525 "161,136,127"
526 "141,110,99"
527 "121,85,72"
528 "109,76,65"
529 "93,64,55"
530 "78,52,46"
531 "62,39,35";
533 $palette-brown-50: nth($palette-brown, 1);
534 $palette-brown-100: nth($palette-brown, 2);
535 $palette-brown-200: nth($palette-brown, 3);
536 $palette-brown-300: nth($palette-brown, 4);
537 $palette-brown-400: nth($palette-brown, 5);
538 $palette-brown-500: nth($palette-brown, 6);
539 $palette-brown-600: nth($palette-brown, 7);
540 $palette-brown-700: nth($palette-brown, 8);
541 $palette-brown-800: nth($palette-brown, 9);
542 $palette-brown-900: nth($palette-brown, 10);
544 $palette-grey:
545 "250,250,250"
546 "245,245,245"
547 "238,238,238"
548 "224,224,224"
549 "189,189,189"
550 "158,158,158"
551 "117,117,117"
552 "97,97,97"
553 "66,66,66"
554 "33,33,33";
556 $palette-grey-50: nth($palette-grey, 1);
557 $palette-grey-100: nth($palette-grey, 2);
558 $palette-grey-200: nth($palette-grey, 3);
559 $palette-grey-300: nth($palette-grey, 4);
560 $palette-grey-400: nth($palette-grey, 5);
561 $palette-grey-500: nth($palette-grey, 6);
562 $palette-grey-600: nth($palette-grey, 7);
563 $palette-grey-700: nth($palette-grey, 8);
564 $palette-grey-800: nth($palette-grey, 9);
565 $palette-grey-900: nth($palette-grey, 10);
567 $palette-blue-grey:
568 "236,239,241"
569 "207,216,220"
570 "176,190,197"
571 "144,164,174"
572 "120,144,156"
573 "96,125,139"
574 "84,110,122"
575 "69,90,100"
576 "55,71,79"
577 "38,50,56";
579 $palette-blue-grey-50: nth($palette-blue-grey, 1);
580 $palette-blue-grey-100: nth($palette-blue-grey, 2);
581 $palette-blue-grey-200: nth($palette-blue-grey, 3);
582 $palette-blue-grey-300: nth($palette-blue-grey, 4);
583 $palette-blue-grey-400: nth($palette-blue-grey, 5);
584 $palette-blue-grey-500: nth($palette-blue-grey, 6);
585 $palette-blue-grey-600: nth($palette-blue-grey, 7);
586 $palette-blue-grey-700: nth($palette-blue-grey, 8);
587 $palette-blue-grey-800: nth($palette-blue-grey, 9);
588 $palette-blue-grey-900: nth($palette-blue-grey, 10);
590 $color-black: "0,0,0";
591 $color-white: "255,255,255";
594 /* colors.scss */
595 $styleguide-generate-template: false !default;
597 // The two possible colors for overlayed text.
598 $color-dark-contrast: $color-white !default;
599 $color-light-contrast: $color-black !default;