pascal
1unit MaterialColorsFull;
2
3(* Material Design color palette (full) downloaded from
4 * http://htmlcolorcodes.com/color-charts/
5 *
6 * Check out our powerful color picker
7 * http://htmlcolorcodes.com/color-picker/
8 *
9 * Want to learn more about colors in SCSS?
10 * http://htmlcolorcodes.com/tutorials/
11 *
12 * - - - - - - - - - - - - - - - - - -
13 * Credits:
14 *
15 * Original color palette by
16 * https://www.google.com/design/spec/style/color.html
17 *
18 * - - - - - - - - - - - - - - - - - -
19 * How to use:
20 *
21 * Include this file with your other .scss files:
22 *
23 * @import "material_colors_full";
24 *
25 * and use the color variables in your stylesheets:
26 *
27 * .class {
28 * color: $red-500;
29 * }
30 *
31 * - - - - - - - - - - - - - - - - - -
32 * Note:
33 *
34 * $color and $color-500 are the same, simply there
35 * for your convenience.
36 *
37 * Variables with numbers prefixed by 'a' are accent colors
38*)
39{
40 const
41 clExcelGreenFG = $005100; // Excel stijl "Goed"
42 clExcelGreenBG = $CEEFC6;
43 clExcelRedFG = $06009C; // Excel stijl "Ongeldig"
44 clExcelRedBG = $CEC7FF;
45}
46
47interface
48
49const
50 // * Red */
51 red = '#f44336';
52 red_50 = '#ffebee';
53 red_100 = '#ffcdd2';
54 red_200 = '#ef9a9a';
55 red_300 = '#e57373';
56 red_400 = '#ef5350';
57 red_500 = '#f44336';
58 red_600 = '#e53935';
59 red_700 = '#d32f2f';
60 red_800 = '#c62828';
61 red_900 = '#b71c1c';
62 red_a100 = '#ff8a80';
63 red_a200 = '#ff5252';
64 red_a400 = '#ff1744';
65 red_a700 = '#d50000';
66
67 // * Pink */
68 pink = '#e91e63';
69 pink_50 = '#fce4ec';
70 pink_100 = '#f8bbd0';
71 pink_200 = '#f48fb1';
72 pink_300 = '#f06292';
73 pink_400 = '#ec407a';
74 pink_500 = '#e91e63';
75 pink_600 = '#d81b60';
76 pink_700 = '#c2185b';
77 pink_800 = '#ad1457';
78 pink_900 = '#880e4f';
79 pink_a100 = '#ff80ab';
80 pink_a200 = '#ff4081';
81 pink_a400 = '#f50057';
82 pink_a700 = '#c51162';
83
84 // * Purple */
85 purple = '#9c27b0';
86 purple_50 = '#f3e5f5';
87 purple_100 = '#e1bee7';
88 purple_200 = '#ce93d8';
89 purple_300 = '#ba68c8';
90 purple_400 = '#ab47bc';
91 purple_500 = '#9c27b0';
92 purple_600 = '#8e24aa';
93 purple_700 = '#7b1fa2';
94 purple_800 = '#6a1b9a';
95 purple_900 = '#4a148c';
96 purple_a100 = '#ea80fc';
97 purple_a200 = '#e040fb';
98 purple_a400 = '#d500f9';
99 purple_a700 = '#aa00ff';
100
101 // * Deep Purple */
102 deep_purple = '#673ab7';
103 deep_purple_50 = '#ede7f6';
104 deep_purple_100 = '#d1c4e9';
105 deep_purple_200 = '#b39ddb';
106 deep_purple_300 = '#9575cd';
107 deep_purple_400 = '#7e57c2';
108 deep_purple_500 = '#673ab7';
109 deep_purple_600 = '#5e35b1';
110 deep_purple_700 = '#512da8';
111 deep_purple_800 = '#4527a0';
112 deep_purple_900 = '#311b92';
113 deep_purple_a100 = '#b388ff';
114 deep_purple_a200 = '#7c4dff';
115 deep_purple_a400 = '#651fff';
116 deep_purple_a700 = '#6200ea';
117
118 // * Indigo */
119 indigo = '#3f51b5';
120 indigo_50 = '#e8eaf6';
121 indigo_100 = '#c5cae9';
122 indigo_200 = '#9fa8da';
123 indigo_300 = '#7986cb';
124 indigo_400 = '#5c6bc0';
125 indigo_500 = '#3f51b5';
126 indigo_600 = '#3949ab';
127 indigo_700 = '#303f9f';
128 indigo_800 = '#283593';
129 indigo_900 = '#1a237e';
130 indigo_a100 = '#8c9eff';
131 indigo_a200 = '#536dfe';
132 indigo_a400 = '#3d5afe';
133 indigo_a700 = '#304ffe';
134
135 // * Blue */
136 blue = '#2196f3';
137 blue_50 = '#e3f2fd';
138 blue_100 = '#bbdefb';
139 blue_200 = '#90caf9';
140 blue_300 = '#64b5f6';
141 blue_400 = '#42a5f5';
142 blue_500 = '#2196f3';
143 blue_600 = '#1e88e5';
144 blue_700 = '#1976d2';
145 blue_800 = '#1565c0';
146 blue_900 = '#0d47a1';
147 blue_a100 = '#82b1ff';
148 blue_a200 = '#448aff';
149 blue_a400 = '#2979ff';
150 blue_a700 = '#2962ff';
151
152 // * Light Blue */
153 light_blue = '#03a9f4';
154 light_blue_50 = '#e1f5fe';
155 light_blue_100 = '#b3e5fc';
156 light_blue_200 = '#81d4fa';
157 light_blue_300 = '#4fc3f7';
158 light_blue_400 = '#29b6f6';
159 light_blue_500 = '#03a9f4';
160 light_blue_600 = '#039be5';
161 light_blue_700 = '#0288d1';
162 light_blue_800 = '#0277bd';
163 light_blue_900 = '#01579b';
164 light_blue_a100 = '#80d8ff';
165 light_blue_a200 = '#40c4ff';
166 light_blue_a400 = '#00b0ff';
167 light_blue_a700 = '#0091ea';
168
169 // * Cyan */
170 cyan = '#00bcd4';
171 cyan_50 = '#e0f7fa';
172 cyan_100 = '#b2ebf2';
173 cyan_200 = '#80deea';
174 cyan_300 = '#4dd0e1';
175 cyan_400 = '#26c6da';
176 cyan_500 = '#00bcd4';
177 cyan_600 = '#00acc1';
178 cyan_700 = '#0097a7';
179 cyan_800 = '#00838f';
180 cyan_900 = '#006064';
181 cyan_a100 = '#84ffff';
182 cyan_a200 = '#18ffff';
183 cyan_a400 = '#00e5ff';
184 cyan_a700 = '#00b8d4';
185
186 // * Teal */
187 teal = '#009688';
188 teal_50 = '#e0f2f1';
189 teal_100 = '#b2dfdb';
190 teal_200 = '#80cbc4';
191 teal_300 = '#4db6ac';
192 teal_400 = '#26a69a';
193 teal_500 = '#009688';
194 teal_600 = '#00897b';
195 teal_700 = '#00796b';
196 teal_800 = '#00695c';
197 teal_900 = '#004d40';
198 teal_a100 = '#a7ffeb';
199 teal_a200 = '#64ffda';
200 teal_a400 = '#1de9b6';
201 teal_a700 = '#00bfa5';
202
203 // * Green */
204 green = '#4caf50';
205 green_50 = '#e8f5e9';
206 green_100 = '#c8e6c9';
207 green_200 = '#a5d6a7';
208 green_300 = '#81c784';
209 green_400 = '#66bb6a';
210 green_500 = '#4caf50';
211 green_600 = '#43a047';
212 green_700 = '#388e3c';
213 green_800 = '#2e7d32';
214 green_900 = '#1b5e20';
215 green_a100 = '#b9f6ca';
216 green_a200 = '#69f0ae';
217 green_a400 = '#00e676';
218 green_a700 = '#00c853';
219
220 // * Light Green */
221 light_green = '#8bc34a';
222 light_green_50 = '#f1f8e9';
223 light_green_100 = '#dcedc8';
224 light_green_200 = '#c5e1a5';
225 light_green_300 = '#aed581';
226 light_green_400 = '#9ccc65';
227 light_green_500 = '#8bc34a';
228 light_green_600 = '#7cb342';
229 light_green_700 = '#689f38';
230 light_green_800 = '#558b2f';
231 light_green_900 = '#33691e';
232 light_green_a100 = '#ccff90';
233 light_green_a200 = '#b2ff59';
234 light_green_a400 = '#76ff03';
235 light_green_a700 = '#64dd17';
236
237 // * Lime */
238 lime = '#cddc39';
239 lime_50 = '#f9fbe7';
240 lime_100 = '#f0f4c3';
241 lime_200 = '#e6ee9c';
242 lime_300 = '#dce775';
243 lime_400 = '#d4e157';
244 lime_500 = '#cddc39';
245 lime_600 = '#c0ca33';
246 lime_700 = '#afb42b';
247 lime_800 = '#9e9d24';
248 lime_900 = '#827717';
249 lime_a100 = '#f4ff81';
250 lime_a200 = '#eeff41';
251 lime_a400 = '#c6ff00';
252 lime_a700 = '#aeea00';
253
254 // * Yellow */
255 yellow = '#ffeb3b';
256 yellow_50 = '#fffde7';
257 yellow_100 = '#fff9c4';
258 yellow_200 = '#fff59d';
259 yellow_300 = '#fff176';
260 yellow_400 = '#ffee58';
261 yellow_500 = '#ffeb3b';
262 yellow_600 = '#fdd835';
263 yellow_700 = '#fbc02d';
264 yellow_800 = '#f9a825';
265 yellow_900 = '#f57f17';
266 yellow_a100 = '#ffff8d';
267 yellow_a200 = '#ffff00';
268 yellow_a400 = '#ffea00';
269 yellow_a700 = '#ffd600';
270
271 // * Amber */
272 amber = '#ffc107';
273 amber_50 = '#fff8e1';
274 amber_100 = '#ffecb3';
275 amber_200 = '#ffe082';
276 amber_300 = '#ffd54f';
277 amber_400 = '#ffca28';
278 amber_500 = '#ffc107';
279 amber_600 = '#ffb300';
280 amber_700 = '#ffa000';
281 amber_800 = '#ff8f00';
282 amber_900 = '#ff6f00';
283 amber_a100 = '#ffe57f';
284 amber_a200 = '#ffd740';
285 amber_a400 = '#ffc400';
286 amber_a700 = '#ffab00';
287
288 // * Orange */
289 orange = '#ff9800';
290 orange_50 = '#fff3e0';
291 orange_100 = '#ffe0b2';
292 orange_200 = '#ffcc80';
293 orange_300 = '#ffb74d';
294 orange_400 = '#ffa726';
295 orange_500 = '#ff9800';
296 orange_600 = '#fb8c00';
297 orange_700 = '#f57c00';
298 orange_800 = '#ef6c00';
299 orange_900 = '#e65100';
300 orange_a100 = '#ffd180';
301 orange_a200 = '#ffab40';
302 orange_a400 = '#ff9100';
303 orange_a700 = '#ff6d00';
304
305 // * Deep Orange */
306 deep_orange = '#ff5722';
307 deep_orange_50 = '#fbe9e7';
308 deep_orange_100 = '#ffccbc';
309 deep_orange_200 = '#ffab91';
310 deep_orange_300 = '#ff8a65';
311 deep_orange_400 = '#ff7043';
312 deep_orange_500 = '#ff5722';
313 deep_orange_600 = '#f4511e';
314 deep_orange_700 = '#e64a19';
315 deep_orange_800 = '#d84315';
316 deep_orange_900 = '#bf360c';
317 deep_orange_a100 = '#ff9e80';
318 deep_orange_a200 = '#ff6e40';
319 deep_orange_a400 = '#ff3d00';
320 deep_orange_a700 = '#dd2c00';
321
322 // * Brown */
323 brown = '#795548';
324 brown_50 = '#efebe9';
325 brown_100 = '#d7ccc8';
326 brown_200 = '#bcaaa4';
327 brown_300 = '#a1887f';
328 brown_400 = '#8d6e63';
329 brown_500 = '#795548';
330 brown_600 = '#6d4c41';
331 brown_700 = '#5d4037';
332 brown_800 = '#4e342e';
333 brown_900 = '#3e2723';
334
335 // * Grey */
336 grey = '#9e9e9e';
337 grey_50 = '#fafafa';
338 grey_100 = '#f5f5f5';
339 grey_200 = '#eeeeee';
340 grey_300 = '#e0e0e0';
341 grey_400 = '#bdbdbd';
342 grey_500 = '#9e9e9e';
343 grey_600 = '#757575';
344 grey_700 = '#616161';
345 grey_800 = '#424242';
346 grey_900 = '#212121';
347
348 // * Blue Grey */
349 blue_grey = '#607d8b';
350 blue_grey_50 = '#eceff1';
351 blue_grey_100 = '#cfd8dc';
352 blue_grey_200 = '#b0bec5';
353 blue_grey_300 = '#90a4ae';
354 blue_grey_400 = '#78909c';
355 blue_grey_500 = '#607d8b';
356 blue_grey_600 = '#546e7a';
357 blue_grey_700 = '#455a64';
358 blue_grey_800 = '#37474f';
359 blue_grey_900 = '#263238';
360
361 // * White / Black */
362 white = '#ffffff';
363 black = '#000000';
364
365implementation
366
367end.
368