@medyll/cssfabric 0.2.0 → 0.2.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/README.md +58 -38
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/{_generated → dist/_generated}/cssFabric.vars.json +12 -12
  5. package/dist/_generated/cssFabric.vars.md +268 -0
  6. package/dist/cssFabric/config.d.ts +29 -0
  7. package/dist/cssFabric/config.js +29 -0
  8. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  9. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  10. package/dist/cssFabric/cssProperties.d.ts +27 -0
  11. package/dist/cssFabric/cssProperties.js +343 -0
  12. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  13. package/dist/cssFabric/cssVariationsAi.js +111 -0
  14. package/dist/cssFabric/index.d.ts +113 -0
  15. package/dist/cssFabric/index.js +341 -0
  16. package/dist/cssf/README.md +197 -0
  17. package/dist/cssf/cssf.d.ts +1 -0
  18. package/dist/cssf/cssf.js +12 -0
  19. package/dist/cssf/cssfGuide.d.ts +14 -0
  20. package/dist/cssf/cssfGuide.js +50 -0
  21. package/dist/cssf/cssfLib.d.ts +134 -0
  22. package/dist/cssf/cssfLib.js +116 -0
  23. package/dist/cssf/cssfModel.d.ts +8 -0
  24. package/dist/cssf/cssfModel.js +59 -0
  25. package/dist/cssf/cssfPlugin.d.ts +3 -0
  26. package/dist/cssf/cssfPlugin.js +37 -0
  27. package/dist/cssf/cssfTransformer.d.ts +2 -0
  28. package/dist/cssf/cssfTransformer.js +100 -0
  29. package/dist/cssf/index.d.ts +4 -0
  30. package/dist/cssf/index.js +4 -0
  31. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  32. package/dist/cssfVsCode/.vscodeignore +4 -0
  33. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  34. package/dist/cssfVsCode/README.md +65 -0
  35. package/dist/cssfVsCode/language-configuration.json +36 -0
  36. package/dist/cssfVsCode/package.json +40 -0
  37. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  38. package/dist/cssfVsCode/test.cssf +6 -0
  39. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  40. package/dist/index.d.ts +2 -0
  41. package/dist/index.js +3 -0
  42. package/{init → dist/init}/importCssVars.d.ts +1 -1
  43. package/{init → dist/init}/importCssVars.js +2 -2
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/{scripts → dist/scripts}/cssfabric.js +43 -43
  46. package/{scripts → dist/scripts}/cssfabricClassNames.d.ts +14 -14
  47. package/{scripts → dist/scripts}/cssfabricClassNames.js +146 -146
  48. package/dist/scripts/index.d.ts +2 -0
  49. package/{scripts → dist/scripts}/index.js +4 -4
  50. package/{scripts → dist/scripts}/utils.d.ts +5 -5
  51. package/{scripts → dist/scripts}/utils.js +38 -38
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{styles → dist/styles}/base/base.css +207 -214
  54. package/{styles → dist/styles}/base/base.min.css +1 -1
  55. package/{styles → dist/styles}/box/box.css +1496 -1378
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{styles → dist/styles}/box/box.responsive.css +7036 -5523
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{styles → dist/styles}/color/color.css +1566 -1564
  60. package/{styles → dist/styles}/color/color.responsive.css +7781 -6267
  61. package/dist/styles/color/color.responsive.min.css +1 -0
  62. package/dist/styles/cssfabric.css +5328 -0
  63. package/dist/styles/cssfabric.min.css +1 -0
  64. package/dist/styles/cssfabric.responsive.css +20419 -0
  65. package/dist/styles/cssfabric.responsive.min.css +1 -0
  66. package/{styles → dist/styles}/flex/flex.css +125 -123
  67. package/{styles → dist/styles}/flex/flex.responsive.css +581 -503
  68. package/dist/styles/flex/flex.responsive.min.css +1 -0
  69. package/{styles → dist/styles}/grid/grid.css +120 -118
  70. package/{styles → dist/styles}/grid/grid.responsive.css +501 -483
  71. package/dist/styles/grid/grid.responsive.min.css +1 -0
  72. package/{styles → dist/styles}/menu/menu.css +102 -100
  73. package/{styles → dist/styles}/menu/menu.responsive.css +444 -357
  74. package/dist/styles/menu/menu.responsive.min.css +1 -0
  75. package/{styles → dist/styles}/overflow/overflow.css +61 -59
  76. package/{styles → dist/styles}/overflow/overflow.responsive.css +237 -244
  77. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  78. package/{styles → dist/styles}/scale/scale.css +720 -718
  79. package/{styles → dist/styles}/scale/scale.responsive.css +3251 -2883
  80. package/dist/styles/scale/scale.responsive.min.css +1 -0
  81. package/{styles → dist/styles}/table/table.css +73 -71
  82. package/{styles → dist/styles}/table/table.responsive.css +371 -295
  83. package/dist/styles/table/table.responsive.min.css +1 -0
  84. package/{styles → dist/styles}/text/text.css +152 -150
  85. package/{styles → dist/styles}/text/text.responsive.css +216 -195
  86. package/dist/styles/text/text.responsive.min.css +1 -0
  87. package/{styles → dist/styles}/theme/theme.css +247 -196
  88. package/{styles → dist/styles}/theme/theme.min.css +1 -1
  89. package/{styles → dist/styles}/vars.css +412 -413
  90. package/dist/styles/vars.min.css +1 -0
  91. package/{styles → dist/styles}/zindex/zindex.css +44 -42
  92. package/package.json +68 -113
  93. package/_generated/index.d.ts +0 -3
  94. package/scripts/cssfabric.d.ts +0 -24
  95. package/scripts/index.d.ts +0 -2
  96. package/styles/animation/animation.css +0 -0
  97. package/styles/box/box.min.css +0 -1
  98. package/styles/box/box.responsive.min.css +0 -1
  99. package/styles/color/color.responsive.min.css +0 -1
  100. package/styles/cssfabric.css +0 -61792
  101. package/styles/cssfabric.min.css +0 -168
  102. package/styles/cssfabric.responsive.css +0 -200596
  103. package/styles/cssfabric.responsive.min.css +0 -108
  104. package/styles/flex/flex.responsive.min.css +0 -1
  105. package/styles/grid/grid.responsive.min.css +0 -1
  106. package/styles/menu/menu.responsive.min.css +0 -1
  107. package/styles/overflow/overflow.responsive.min.css +0 -1
  108. package/styles/scale/scale.responsive.min.css +0 -1
  109. package/styles/table/table.responsive.min.css +0 -1
  110. package/styles/text/text.responsive.min.css +0 -1
  111. package/styles/vars.min.css +0 -1
  112. /package/{_generated → dist/_generated}/export.variables.md +0 -0
  113. /package/{_generated → dist/_generated}/readme.md +0 -0
  114. /package/{styles → dist/styles}/animation/animation.min.css +0 -0
  115. /package/{styles → dist/styles}/color/color.min.css +0 -0
  116. /package/{styles → dist/styles}/flex/flex.min.css +0 -0
  117. /package/{styles → dist/styles}/grid/grid.min.css +0 -0
  118. /package/{styles → dist/styles}/menu/menu.min.css +0 -0
  119. /package/{styles → dist/styles}/overflow/overflow.min.css +0 -0
  120. /package/{styles → dist/styles}/scale/scale.min.css +0 -0
  121. /package/{styles → dist/styles}/table/table.min.css +0 -0
  122. /package/{styles → dist/styles}/text/text.min.css +0 -0
  123. /package/{styles → dist/styles}/zindex/zindex.min.css +0 -0
@@ -1,1565 +1,1567 @@
1
- .foreground-palette-yellow {
2
- color: #ffb900;
3
- }
4
- .foreground-palette-yellow-light {
5
- color: #ffce4d;
6
- }
7
- .foreground-palette-yellow-lighter {
8
- color: #ffe399;
9
- }
10
- .foreground-palette-yellow-dark {
11
- color: #cc9400;
12
- }
13
- .foreground-palette-yellow-darker {
14
- color: #996f00;
15
- }
16
- .foreground-palette-yellow-complement {
17
- color: #0046ff;
18
- }
19
- .foreground-palette-yellow-invert {
20
- color: #0046ff;
21
- }
22
- .foreground-palette-orange {
23
- color: #d83b01;
24
- }
25
- .foreground-palette-orange-light {
26
- color: #fe6127;
27
- }
28
- .foreground-palette-orange-lighter {
29
- color: #fe9974;
30
- }
31
- .foreground-palette-orange-dark {
32
- color: #a52d01;
33
- }
34
- .foreground-palette-orange-darker {
35
- color: #721f01;
36
- }
37
- .foreground-palette-orange-complement {
38
- color: #019ed8;
39
- }
40
- .foreground-palette-orange-invert {
41
- color: #27c4fe;
42
- }
43
- .foreground-palette-red {
44
- color: #d13438;
45
- }
46
- .foreground-palette-red-light {
47
- color: #df7275;
48
- }
49
- .foreground-palette-red-lighter {
50
- color: #edb1b2;
51
- }
52
- .foreground-palette-red-dark {
53
- color: #ab272a;
54
- }
55
- .foreground-palette-red-darker {
56
- color: #821d20;
57
- }
58
- .foreground-palette-red-complement {
59
- color: #34d1cd;
60
- }
61
- .foreground-palette-red-invert {
62
- color: #2ecbc7;
63
- }
64
- .foreground-palette-magenta {
65
- color: #b4009e;
66
- }
67
- .foreground-palette-magenta-light {
68
- color: #ff02e0;
69
- }
70
- .foreground-palette-magenta-lighter {
71
- color: #ff4ee9;
72
- }
73
- .foreground-palette-magenta-dark {
74
- color: #810071;
75
- }
76
- .foreground-palette-magenta-darker {
77
- color: #4e0044;
78
- }
79
- .foreground-palette-magenta-complement {
80
- color: #00b416;
81
- }
82
- .foreground-palette-magenta-invert {
83
- color: #4bff61;
84
- }
85
- .foreground-palette-purple {
86
- color: #5c2d91;
87
- }
88
- .foreground-palette-purple-light {
89
- color: #8145c5;
90
- }
91
- .foreground-palette-purple-lighter {
92
- color: #a980d7;
93
- }
94
- .foreground-palette-purple-dark {
95
- color: #43216a;
96
- }
97
- .foreground-palette-purple-darker {
98
- color: #2b1543;
99
- }
100
- .foreground-palette-purple-complement {
101
- color: #62912d;
102
- }
103
- .foreground-palette-purple-invert {
104
- color: #a3d26e;
105
- }
106
- .foreground-palette-green {
107
- color: #107c10;
108
- }
109
- .foreground-palette-green-light {
110
- color: #19c019;
111
- }
112
- .foreground-palette-green-lighter {
113
- color: #3fe63f;
114
- }
115
- .foreground-palette-green-dark {
116
- color: #0a4f0a;
117
- }
118
- .foreground-palette-green-darker {
119
- color: #042204;
120
- }
121
- .foreground-palette-green-complement {
122
- color: #7c107c;
123
- }
124
- .foreground-palette-green-invert {
125
- color: #ef83ef;
126
- }
127
- .foreground-palette-teal {
128
- color: #008272;
129
- }
130
- .foreground-palette-teal-light {
131
- color: #00cfb5;
132
- }
133
- .foreground-palette-teal-lighter {
134
- color: #1cffe3;
135
- }
136
- .foreground-palette-teal-dark {
137
- color: #004f45;
138
- }
139
- .foreground-palette-teal-darker {
140
- color: #001c19;
141
- }
142
- .foreground-palette-teal-complement {
143
- color: #820010;
144
- }
145
- .foreground-palette-teal-invert {
146
- color: #ff7d8d;
147
- }
148
- .foreground-palette-blue {
149
- color: #0078d4;
150
- }
151
- .foreground-palette-blue-light {
152
- color: #229fff;
153
- }
154
- .foreground-palette-blue-lighter {
155
- color: #6ec0ff;
156
- }
157
- .foreground-palette-blue-dark {
158
- color: #005ba1;
159
- }
160
- .foreground-palette-blue-darker {
161
- color: #003e6e;
162
- }
163
- .foreground-palette-blue-complement {
164
- color: #d45c00;
165
- }
166
- .foreground-palette-blue-invert {
167
- color: #ff872b;
168
- }
169
- .foreground-palette-dark {
170
- color: #323232;
171
- }
172
- .foreground-palette-dark-light {
173
- color: #585858;
174
- }
175
- .foreground-palette-dark-lighter {
176
- color: #7f7f7f;
177
- }
178
- .foreground-palette-dark-dark {
179
- color: #191919;
180
- }
181
- .foreground-palette-dark-darker {
182
- color: black;
183
- }
184
- .foreground-palette-dark-complement {
185
- color: #323232;
186
- }
187
- .foreground-palette-dark-invert {
188
- color: #cdcdcd;
189
- }
190
-
191
- .bg-palette-yellow {
192
- background-color: #ffb900;
193
- }
194
- .bg-palette-yellow-light {
195
- background-color: #ffce4d;
196
- }
197
- .bg-palette-yellow-lighter {
198
- background-color: #ffe399;
199
- }
200
- .bg-palette-yellow-dark {
201
- background-color: #cc9400;
202
- }
203
- .bg-palette-yellow-darker {
204
- background-color: #996f00;
205
- }
206
- .bg-palette-yellow-complement {
207
- background-color: #0046ff;
208
- }
209
- .bg-palette-yellow-invert {
210
- background-color: #0046ff;
211
- }
212
- .bg-palette-orange {
213
- background-color: #d83b01;
214
- }
215
- .bg-palette-orange-light {
216
- background-color: #fe6127;
217
- }
218
- .bg-palette-orange-lighter {
219
- background-color: #fe9974;
220
- }
221
- .bg-palette-orange-dark {
222
- background-color: #a52d01;
223
- }
224
- .bg-palette-orange-darker {
225
- background-color: #721f01;
226
- }
227
- .bg-palette-orange-complement {
228
- background-color: #019ed8;
229
- }
230
- .bg-palette-orange-invert {
231
- background-color: #27c4fe;
232
- }
233
- .bg-palette-red {
234
- background-color: #d13438;
235
- }
236
- .bg-palette-red-light {
237
- background-color: #df7275;
238
- }
239
- .bg-palette-red-lighter {
240
- background-color: #edb1b2;
241
- }
242
- .bg-palette-red-dark {
243
- background-color: #ab272a;
244
- }
245
- .bg-palette-red-darker {
246
- background-color: #821d20;
247
- }
248
- .bg-palette-red-complement {
249
- background-color: #34d1cd;
250
- }
251
- .bg-palette-red-invert {
252
- background-color: #2ecbc7;
253
- }
254
- .bg-palette-magenta {
255
- background-color: #b4009e;
256
- }
257
- .bg-palette-magenta-light {
258
- background-color: #ff02e0;
259
- }
260
- .bg-palette-magenta-lighter {
261
- background-color: #ff4ee9;
262
- }
263
- .bg-palette-magenta-dark {
264
- background-color: #810071;
265
- }
266
- .bg-palette-magenta-darker {
267
- background-color: #4e0044;
268
- }
269
- .bg-palette-magenta-complement {
270
- background-color: #00b416;
271
- }
272
- .bg-palette-magenta-invert {
273
- background-color: #4bff61;
274
- }
275
- .bg-palette-purple {
276
- background-color: #5c2d91;
277
- }
278
- .bg-palette-purple-light {
279
- background-color: #8145c5;
280
- }
281
- .bg-palette-purple-lighter {
282
- background-color: #a980d7;
283
- }
284
- .bg-palette-purple-dark {
285
- background-color: #43216a;
286
- }
287
- .bg-palette-purple-darker {
288
- background-color: #2b1543;
289
- }
290
- .bg-palette-purple-complement {
291
- background-color: #62912d;
292
- }
293
- .bg-palette-purple-invert {
294
- background-color: #a3d26e;
295
- }
296
- .bg-palette-green {
297
- background-color: #107c10;
298
- }
299
- .bg-palette-green-light {
300
- background-color: #19c019;
301
- }
302
- .bg-palette-green-lighter {
303
- background-color: #3fe63f;
304
- }
305
- .bg-palette-green-dark {
306
- background-color: #0a4f0a;
307
- }
308
- .bg-palette-green-darker {
309
- background-color: #042204;
310
- }
311
- .bg-palette-green-complement {
312
- background-color: #7c107c;
313
- }
314
- .bg-palette-green-invert {
315
- background-color: #ef83ef;
316
- }
317
- .bg-palette-teal {
318
- background-color: #008272;
319
- }
320
- .bg-palette-teal-light {
321
- background-color: #00cfb5;
322
- }
323
- .bg-palette-teal-lighter {
324
- background-color: #1cffe3;
325
- }
326
- .bg-palette-teal-dark {
327
- background-color: #004f45;
328
- }
329
- .bg-palette-teal-darker {
330
- background-color: #001c19;
331
- }
332
- .bg-palette-teal-complement {
333
- background-color: #820010;
334
- }
335
- .bg-palette-teal-invert {
336
- background-color: #ff7d8d;
337
- }
338
- .bg-palette-blue {
339
- background-color: #0078d4;
340
- }
341
- .bg-palette-blue-light {
342
- background-color: #229fff;
343
- }
344
- .bg-palette-blue-lighter {
345
- background-color: #6ec0ff;
346
- }
347
- .bg-palette-blue-dark {
348
- background-color: #005ba1;
349
- }
350
- .bg-palette-blue-darker {
351
- background-color: #003e6e;
352
- }
353
- .bg-palette-blue-complement {
354
- background-color: #d45c00;
355
- }
356
- .bg-palette-blue-invert {
357
- background-color: #ff872b;
358
- }
359
- .bg-palette-dark {
360
- background-color: #323232;
361
- }
362
- .bg-palette-dark-light {
363
- background-color: #585858;
364
- }
365
- .bg-palette-dark-lighter {
366
- background-color: #7f7f7f;
367
- }
368
- .bg-palette-dark-dark {
369
- background-color: #191919;
370
- }
371
- .bg-palette-dark-darker {
372
- background-color: black;
373
- }
374
- .bg-palette-dark-complement {
375
- background-color: #323232;
376
- }
377
- .bg-palette-dark-invert {
378
- background-color: #cdcdcd;
379
- }
380
-
381
- .bg-themed-palette-yellow {
382
- color: black;
383
- text-shadow: 0 0 0.125rem #cc9400;
384
- background-color: #ffb900;
385
- }
386
- .bg-themed-palette-yellow-light {
387
- color: black;
388
- background-color: #ffce4d;
389
- }
390
- .bg-themed-palette-yellow-lighter {
391
- color: black;
392
- background-color: #ffe399;
393
- }
394
- .bg-themed-palette-yellow-dark {
395
- color: black;
396
- background-color: #cc9400;
397
- }
398
- .bg-themed-palette-yellow-darker {
399
- color: white;
400
- background-color: #996f00;
401
- }
402
- .bg-themed-palette-yellow-complement {
403
- color: white;
404
- background-color: #0046ff;
405
- }
406
- .bg-themed-palette-yellow-invert {
407
- color: white;
408
- background-color: #0046ff;
409
- }
410
- .bg-themed-palette-orange {
411
- color: white;
412
- text-shadow: 0 0 0.125rem #a52d01;
413
- background-color: #d83b01;
414
- }
415
- .bg-themed-palette-orange-light {
416
- color: black;
417
- background-color: #fe6127;
418
- }
419
- .bg-themed-palette-orange-lighter {
420
- color: black;
421
- background-color: #fe9974;
422
- }
423
- .bg-themed-palette-orange-dark {
424
- color: white;
425
- background-color: #a52d01;
426
- }
427
- .bg-themed-palette-orange-darker {
428
- color: white;
429
- background-color: #721f01;
430
- }
431
- .bg-themed-palette-orange-complement {
432
- color: white;
433
- background-color: #019ed8;
434
- }
435
- .bg-themed-palette-orange-invert {
436
- color: black;
437
- background-color: #27c4fe;
438
- }
439
- .bg-themed-palette-red {
440
- color: white;
441
- text-shadow: 0 0 0.125rem #ab272a;
442
- background-color: #d13438;
443
- }
444
- .bg-themed-palette-red-light {
445
- color: black;
446
- background-color: #df7275;
447
- }
448
- .bg-themed-palette-red-lighter {
449
- color: black;
450
- background-color: #edb1b2;
451
- }
452
- .bg-themed-palette-red-dark {
453
- color: white;
454
- background-color: #ab272a;
455
- }
456
- .bg-themed-palette-red-darker {
457
- color: white;
458
- background-color: #821d20;
459
- }
460
- .bg-themed-palette-red-complement {
461
- color: black;
462
- background-color: #34d1cd;
463
- }
464
- .bg-themed-palette-red-invert {
465
- color: black;
466
- background-color: #2ecbc7;
467
- }
468
- .bg-themed-palette-magenta {
469
- color: white;
470
- text-shadow: 0 0 0.125rem #810071;
471
- background-color: #b4009e;
472
- }
473
- .bg-themed-palette-magenta-light {
474
- color: white;
475
- background-color: #ff02e0;
476
- }
477
- .bg-themed-palette-magenta-lighter {
478
- color: black;
479
- background-color: #ff4ee9;
480
- }
481
- .bg-themed-palette-magenta-dark {
482
- color: white;
483
- background-color: #810071;
484
- }
485
- .bg-themed-palette-magenta-darker {
486
- color: white;
487
- background-color: #4e0044;
488
- }
489
- .bg-themed-palette-magenta-complement {
490
- color: white;
491
- background-color: #00b416;
492
- }
493
- .bg-themed-palette-magenta-invert {
494
- color: black;
495
- background-color: #4bff61;
496
- }
497
- .bg-themed-palette-purple {
498
- color: white;
499
- text-shadow: 0 0 0.125rem #43216a;
500
- background-color: #5c2d91;
501
- }
502
- .bg-themed-palette-purple-light {
503
- color: white;
504
- background-color: #8145c5;
505
- }
506
- .bg-themed-palette-purple-lighter {
507
- color: black;
508
- background-color: #a980d7;
509
- }
510
- .bg-themed-palette-purple-dark {
511
- color: white;
512
- background-color: #43216a;
513
- }
514
- .bg-themed-palette-purple-darker {
515
- color: white;
516
- background-color: #2b1543;
517
- }
518
- .bg-themed-palette-purple-complement {
519
- color: black;
520
- background-color: #62912d;
521
- }
522
- .bg-themed-palette-purple-invert {
523
- color: black;
524
- background-color: #a3d26e;
525
- }
526
- .bg-themed-palette-green {
527
- color: white;
528
- text-shadow: 0 0 0.125rem #0a4f0a;
529
- background-color: #107c10;
530
- }
531
- .bg-themed-palette-green-light {
532
- color: black;
533
- background-color: #19c019;
534
- }
535
- .bg-themed-palette-green-lighter {
536
- color: black;
537
- background-color: #3fe63f;
538
- }
539
- .bg-themed-palette-green-dark {
540
- color: white;
541
- background-color: #0a4f0a;
542
- }
543
- .bg-themed-palette-green-darker {
544
- color: white;
545
- background-color: #042204;
546
- }
547
- .bg-themed-palette-green-complement {
548
- color: white;
549
- background-color: #7c107c;
550
- }
551
- .bg-themed-palette-green-invert {
552
- color: black;
553
- background-color: #ef83ef;
554
- }
555
- .bg-themed-palette-teal {
556
- color: white;
557
- text-shadow: 0 0 0.125rem #004f45;
558
- background-color: #008272;
559
- }
560
- .bg-themed-palette-teal-light {
561
- color: black;
562
- background-color: #00cfb5;
563
- }
564
- .bg-themed-palette-teal-lighter {
565
- color: black;
566
- background-color: #1cffe3;
567
- }
568
- .bg-themed-palette-teal-dark {
569
- color: white;
570
- background-color: #004f45;
571
- }
572
- .bg-themed-palette-teal-darker {
573
- color: white;
574
- background-color: #001c19;
575
- }
576
- .bg-themed-palette-teal-complement {
577
- color: white;
578
- background-color: #820010;
579
- }
580
- .bg-themed-palette-teal-invert {
581
- color: black;
582
- background-color: #ff7d8d;
583
- }
584
- .bg-themed-palette-blue {
585
- color: white;
586
- text-shadow: 0 0 0.125rem #005ba1;
587
- background-color: #0078d4;
588
- }
589
- .bg-themed-palette-blue-light {
590
- color: white;
591
- background-color: #229fff;
592
- }
593
- .bg-themed-palette-blue-lighter {
594
- color: black;
595
- background-color: #6ec0ff;
596
- }
597
- .bg-themed-palette-blue-dark {
598
- color: white;
599
- background-color: #005ba1;
600
- }
601
- .bg-themed-palette-blue-darker {
602
- color: white;
603
- background-color: #003e6e;
604
- }
605
- .bg-themed-palette-blue-complement {
606
- color: black;
607
- background-color: #d45c00;
608
- }
609
- .bg-themed-palette-blue-invert {
610
- color: black;
611
- background-color: #ff872b;
612
- }
613
- .bg-themed-palette-dark {
614
- color: white;
615
- text-shadow: 0 0 0.125rem #191919;
616
- background-color: #323232;
617
- }
618
- .bg-themed-palette-dark-light {
619
- color: white;
620
- background-color: #585858;
621
- }
622
- .bg-themed-palette-dark-lighter {
623
- color: white;
624
- background-color: #7f7f7f;
625
- }
626
- .bg-themed-palette-dark-dark {
627
- color: white;
628
- background-color: #191919;
629
- }
630
- .bg-themed-palette-dark-darker {
631
- color: white;
632
- background-color: black;
633
- }
634
- .bg-themed-palette-dark-complement {
635
- color: white;
636
- background-color: #323232;
637
- }
638
- .bg-themed-palette-dark-invert {
639
- color: black;
640
- background-color: #cdcdcd;
641
- }
642
-
643
- .border-color-palette-yellow {
644
- border-color: #cc9400 !important;
645
- }
646
- .border-color-palette-orange {
647
- border-color: #a52d01 !important;
648
- }
649
- .border-color-palette-red {
650
- border-color: #ab272a !important;
651
- }
652
- .border-color-palette-magenta {
653
- border-color: #810071 !important;
654
- }
655
- .border-color-palette-purple {
656
- border-color: #43216a !important;
657
- }
658
- .border-color-palette-green {
659
- border-color: #0a4f0a !important;
660
- }
661
- .border-color-palette-teal {
662
- border-color: #004f45 !important;
663
- }
664
- .border-color-palette-blue {
665
- border-color: #005ba1 !important;
666
- }
667
- .border-color-palette-dark {
668
- border-color: #191919 !important;
669
- }
670
-
671
- .foreground-scheme-discrete {
672
- color: #ccc;
673
- }
674
- .foreground-scheme-discrete-light {
675
- color: #f2f2f2;
676
- }
677
- .foreground-scheme-discrete-lighter {
678
- color: white;
679
- }
680
- .foreground-scheme-discrete-dark {
681
- color: #b3b3b3;
682
- }
683
- .foreground-scheme-discrete-darker {
684
- color: #999999;
685
- }
686
- .foreground-scheme-discrete-complement {
687
- color: #cccccc;
688
- }
689
- .foreground-scheme-discrete-invert {
690
- color: #333333;
691
- }
692
- .foreground-scheme-success {
693
- color: green;
694
- }
695
- .foreground-scheme-success-light {
696
- color: #00cd00;
697
- }
698
- .foreground-scheme-success-lighter {
699
- color: #1aff1a;
700
- }
701
- .foreground-scheme-success-dark {
702
- color: #004d00;
703
- }
704
- .foreground-scheme-success-darker {
705
- color: #001a00;
706
- }
707
- .foreground-scheme-success-complement {
708
- color: purple;
709
- }
710
- .foreground-scheme-success-invert {
711
- color: #ff7fff;
712
- }
713
- .foreground-scheme-info {
714
- color: #FFDD57FF;
715
- }
716
- .foreground-scheme-info-light {
717
- color: #ffeca4;
718
- }
719
- .foreground-scheme-info-lighter {
720
- color: #fffcf0;
721
- }
722
- .foreground-scheme-info-dark {
723
- color: #ffd324;
724
- }
725
- .foreground-scheme-info-darker {
726
- color: #f0bf00;
727
- }
728
- .foreground-scheme-info-complement {
729
- color: #5779ff;
730
- }
731
- .foreground-scheme-info-invert {
732
- color: #0022a8;
733
- }
734
- .foreground-scheme-warning {
735
- color: #e6b905;
736
- }
737
- .foreground-scheme-warning-light {
738
- color: #fbd53c;
739
- }
740
- .foreground-scheme-warning-lighter {
741
- color: #fde587;
742
- }
743
- .foreground-scheme-warning-dark {
744
- color: #b49104;
745
- }
746
- .foreground-scheme-warning-darker {
747
- color: #826803;
748
- }
749
- .foreground-scheme-warning-complement {
750
- color: #0532e6;
751
- }
752
- .foreground-scheme-warning-invert {
753
- color: #1946fa;
754
- }
755
- .foreground-scheme-alert {
756
- color: #ff7300;
757
- }
758
- .foreground-scheme-alert-light {
759
- color: #ff9d4d;
760
- }
761
- .foreground-scheme-alert-lighter {
762
- color: #ffc799;
763
- }
764
- .foreground-scheme-alert-dark {
765
- color: #cc5c00;
766
- }
767
- .foreground-scheme-alert-darker {
768
- color: #994500;
769
- }
770
- .foreground-scheme-alert-complement {
771
- color: #008cff;
772
- }
773
- .foreground-scheme-alert-invert {
774
- color: #008cff;
775
- }
776
- .foreground-scheme-error {
777
- color: red;
778
- }
779
- .foreground-scheme-error-light {
780
- color: #ff4d4d;
781
- }
782
- .foreground-scheme-error-lighter {
783
- color: #ff9999;
784
- }
785
- .foreground-scheme-error-dark {
786
- color: #cc0000;
787
- }
788
- .foreground-scheme-error-darker {
789
- color: #990000;
790
- }
791
- .foreground-scheme-error-complement {
792
- color: aqua;
793
- }
794
- .foreground-scheme-error-invert {
795
- color: aqua;
796
- }
797
-
798
- .bg-scheme-discrete {
799
- background-color: #ccc;
800
- }
801
- .bg-scheme-discrete-light {
802
- background-color: #f2f2f2;
803
- }
804
- .bg-scheme-discrete-lighter {
805
- background-color: white;
806
- }
807
- .bg-scheme-discrete-dark {
808
- background-color: #b3b3b3;
809
- }
810
- .bg-scheme-discrete-darker {
811
- background-color: #999999;
812
- }
813
- .bg-scheme-discrete-complement {
814
- background-color: #cccccc;
815
- }
816
- .bg-scheme-discrete-invert {
817
- background-color: #333333;
818
- }
819
- .bg-scheme-success {
820
- background-color: green;
821
- }
822
- .bg-scheme-success-light {
823
- background-color: #00cd00;
824
- }
825
- .bg-scheme-success-lighter {
826
- background-color: #1aff1a;
827
- }
828
- .bg-scheme-success-dark {
829
- background-color: #004d00;
830
- }
831
- .bg-scheme-success-darker {
832
- background-color: #001a00;
833
- }
834
- .bg-scheme-success-complement {
835
- background-color: purple;
836
- }
837
- .bg-scheme-success-invert {
838
- background-color: #ff7fff;
839
- }
840
- .bg-scheme-info {
841
- background-color: #FFDD57FF;
842
- }
843
- .bg-scheme-info-light {
844
- background-color: #ffeca4;
845
- }
846
- .bg-scheme-info-lighter {
847
- background-color: #fffcf0;
848
- }
849
- .bg-scheme-info-dark {
850
- background-color: #ffd324;
851
- }
852
- .bg-scheme-info-darker {
853
- background-color: #f0bf00;
854
- }
855
- .bg-scheme-info-complement {
856
- background-color: #5779ff;
857
- }
858
- .bg-scheme-info-invert {
859
- background-color: #0022a8;
860
- }
861
- .bg-scheme-warning {
862
- background-color: #e6b905;
863
- }
864
- .bg-scheme-warning-light {
865
- background-color: #fbd53c;
866
- }
867
- .bg-scheme-warning-lighter {
868
- background-color: #fde587;
869
- }
870
- .bg-scheme-warning-dark {
871
- background-color: #b49104;
872
- }
873
- .bg-scheme-warning-darker {
874
- background-color: #826803;
875
- }
876
- .bg-scheme-warning-complement {
877
- background-color: #0532e6;
878
- }
879
- .bg-scheme-warning-invert {
880
- background-color: #1946fa;
881
- }
882
- .bg-scheme-alert {
883
- background-color: #ff7300;
884
- }
885
- .bg-scheme-alert-light {
886
- background-color: #ff9d4d;
887
- }
888
- .bg-scheme-alert-lighter {
889
- background-color: #ffc799;
890
- }
891
- .bg-scheme-alert-dark {
892
- background-color: #cc5c00;
893
- }
894
- .bg-scheme-alert-darker {
895
- background-color: #994500;
896
- }
897
- .bg-scheme-alert-complement {
898
- background-color: #008cff;
899
- }
900
- .bg-scheme-alert-invert {
901
- background-color: #008cff;
902
- }
903
- .bg-scheme-error {
904
- background-color: red;
905
- }
906
- .bg-scheme-error-light {
907
- background-color: #ff4d4d;
908
- }
909
- .bg-scheme-error-lighter {
910
- background-color: #ff9999;
911
- }
912
- .bg-scheme-error-dark {
913
- background-color: #cc0000;
914
- }
915
- .bg-scheme-error-darker {
916
- background-color: #990000;
917
- }
918
- .bg-scheme-error-complement {
919
- background-color: aqua;
920
- }
921
- .bg-scheme-error-invert {
922
- background-color: aqua;
923
- }
924
-
925
- .bg-themed-palette-discrete {
926
- color: black;
927
- text-shadow: 0 0 0.125rem #b3b3b3;
928
- background-color: #ccc;
929
- }
930
- .bg-themed-palette-discrete-light {
931
- color: black;
932
- background-color: #f2f2f2;
933
- }
934
- .bg-themed-palette-discrete-lighter {
935
- color: black;
936
- background-color: white;
937
- }
938
- .bg-themed-palette-discrete-dark {
939
- color: black;
940
- background-color: #b3b3b3;
941
- }
942
- .bg-themed-palette-discrete-darker {
943
- color: black;
944
- background-color: #999999;
945
- }
946
- .bg-themed-palette-discrete-complement {
947
- color: black;
948
- background-color: #cccccc;
949
- }
950
- .bg-themed-palette-discrete-invert {
951
- color: white;
952
- background-color: #333333;
953
- }
954
- .bg-themed-palette-success {
955
- color: white;
956
- text-shadow: 0 0 0.125rem #004d00;
957
- background-color: green;
958
- }
959
- .bg-themed-palette-success-light {
960
- color: black;
961
- background-color: #00cd00;
962
- }
963
- .bg-themed-palette-success-lighter {
964
- color: black;
965
- background-color: #1aff1a;
966
- }
967
- .bg-themed-palette-success-dark {
968
- color: white;
969
- background-color: #004d00;
970
- }
971
- .bg-themed-palette-success-darker {
972
- color: white;
973
- background-color: #001a00;
974
- }
975
- .bg-themed-palette-success-complement {
976
- color: white;
977
- background-color: purple;
978
- }
979
- .bg-themed-palette-success-invert {
980
- color: black;
981
- background-color: #ff7fff;
982
- }
983
- .bg-themed-palette-info {
984
- color: black;
985
- text-shadow: 0 0 0.125rem #ffd324;
986
- background-color: #FFDD57FF;
987
- }
988
- .bg-themed-palette-info-light {
989
- color: black;
990
- background-color: #ffeca4;
991
- }
992
- .bg-themed-palette-info-lighter {
993
- color: black;
994
- background-color: #fffcf0;
995
- }
996
- .bg-themed-palette-info-dark {
997
- color: black;
998
- background-color: #ffd324;
999
- }
1000
- .bg-themed-palette-info-darker {
1001
- color: black;
1002
- background-color: #f0bf00;
1003
- }
1004
- .bg-themed-palette-info-complement {
1005
- color: white;
1006
- background-color: #5779ff;
1007
- }
1008
- .bg-themed-palette-info-invert {
1009
- color: white;
1010
- background-color: #0022a8;
1011
- }
1012
- .bg-themed-palette-warning {
1013
- color: black;
1014
- text-shadow: 0 0 0.125rem #b49104;
1015
- background-color: #e6b905;
1016
- }
1017
- .bg-themed-palette-warning-light {
1018
- color: black;
1019
- background-color: #fbd53c;
1020
- }
1021
- .bg-themed-palette-warning-lighter {
1022
- color: black;
1023
- background-color: #fde587;
1024
- }
1025
- .bg-themed-palette-warning-dark {
1026
- color: black;
1027
- background-color: #b49104;
1028
- }
1029
- .bg-themed-palette-warning-darker {
1030
- color: white;
1031
- background-color: #826803;
1032
- }
1033
- .bg-themed-palette-warning-complement {
1034
- color: white;
1035
- background-color: #0532e6;
1036
- }
1037
- .bg-themed-palette-warning-invert {
1038
- color: white;
1039
- background-color: #1946fa;
1040
- }
1041
- .bg-themed-palette-alert {
1042
- color: black;
1043
- text-shadow: 0 0 0.125rem #cc5c00;
1044
- background-color: #ff7300;
1045
- }
1046
- .bg-themed-palette-alert-light {
1047
- color: black;
1048
- background-color: #ff9d4d;
1049
- }
1050
- .bg-themed-palette-alert-lighter {
1051
- color: black;
1052
- background-color: #ffc799;
1053
- }
1054
- .bg-themed-palette-alert-dark {
1055
- color: black;
1056
- background-color: #cc5c00;
1057
- }
1058
- .bg-themed-palette-alert-darker {
1059
- color: white;
1060
- background-color: #994500;
1061
- }
1062
- .bg-themed-palette-alert-complement {
1063
- color: white;
1064
- background-color: #008cff;
1065
- }
1066
- .bg-themed-palette-alert-invert {
1067
- color: white;
1068
- background-color: #008cff;
1069
- }
1070
- .bg-themed-palette-error {
1071
- color: white;
1072
- text-shadow: 0 0 0.125rem #cc0000;
1073
- background-color: red;
1074
- }
1075
- .bg-themed-palette-error-light {
1076
- color: black;
1077
- background-color: #ff4d4d;
1078
- }
1079
- .bg-themed-palette-error-lighter {
1080
- color: black;
1081
- background-color: #ff9999;
1082
- }
1083
- .bg-themed-palette-error-dark {
1084
- color: white;
1085
- background-color: #cc0000;
1086
- }
1087
- .bg-themed-palette-error-darker {
1088
- color: white;
1089
- background-color: #990000;
1090
- }
1091
- .bg-themed-palette-error-complement {
1092
- color: black;
1093
- background-color: aqua;
1094
- }
1095
- .bg-themed-palette-error-invert {
1096
- color: black;
1097
- background-color: aqua;
1098
- }
1099
-
1100
- .border-color-scheme-discrete {
1101
- border-color: #b3b3b3 !important;
1102
- }
1103
- .border-color-scheme-success {
1104
- border-color: #004d00 !important;
1105
- }
1106
- .border-color-scheme-info {
1107
- border-color: #ffd324 !important;
1108
- }
1109
- .border-color-scheme-warning {
1110
- border-color: #b49104 !important;
1111
- }
1112
- .border-color-scheme-alert {
1113
- border-color: #cc5c00 !important;
1114
- }
1115
- .border-color-scheme-error {
1116
- border-color: #cc0000 !important;
1117
- }
1118
-
1119
- .foreground-grey-100 {
1120
- color: #f4f4f4;
1121
- }
1122
- .foreground-grey-100-light {
1123
- color: white;
1124
- }
1125
- .foreground-grey-100-lighter {
1126
- color: white;
1127
- }
1128
- .foreground-grey-100-dark {
1129
- color: #dbdbdb;
1130
- }
1131
- .foreground-grey-100-darker {
1132
- color: #c1c1c1;
1133
- }
1134
- .foreground-grey-100-complement {
1135
- color: #f4f4f4;
1136
- }
1137
- .foreground-grey-100-invert {
1138
- color: #0b0b0b;
1139
- }
1140
- .foreground-grey-200 {
1141
- color: #e2e2e2;
1142
- }
1143
- .foreground-grey-200-light {
1144
- color: white;
1145
- }
1146
- .foreground-grey-200-lighter {
1147
- color: white;
1148
- }
1149
- .foreground-grey-200-dark {
1150
- color: #c9c9c9;
1151
- }
1152
- .foreground-grey-200-darker {
1153
- color: #afafaf;
1154
- }
1155
- .foreground-grey-200-complement {
1156
- color: #e2e2e2;
1157
- }
1158
- .foreground-grey-200-invert {
1159
- color: #1d1d1d;
1160
- }
1161
- .foreground-grey-300 {
1162
- color: #d0d0d0;
1163
- }
1164
- .foreground-grey-300-light {
1165
- color: #f6f6f6;
1166
- }
1167
- .foreground-grey-300-lighter {
1168
- color: white;
1169
- }
1170
- .foreground-grey-300-dark {
1171
- color: #b7b7b7;
1172
- }
1173
- .foreground-grey-300-darker {
1174
- color: #9d9d9d;
1175
- }
1176
- .foreground-grey-300-complement {
1177
- color: #d0d0d0;
1178
- }
1179
- .foreground-grey-300-invert {
1180
- color: #2f2f2f;
1181
- }
1182
- .foreground-grey-400 {
1183
- color: #bdbdbd;
1184
- }
1185
- .foreground-grey-400-light {
1186
- color: #e3e3e3;
1187
- }
1188
- .foreground-grey-400-lighter {
1189
- color: white;
1190
- }
1191
- .foreground-grey-400-dark {
1192
- color: #a4a4a4;
1193
- }
1194
- .foreground-grey-400-darker {
1195
- color: #8a8a8a;
1196
- }
1197
- .foreground-grey-400-complement {
1198
- color: #bdbdbd;
1199
- }
1200
- .foreground-grey-400-invert {
1201
- color: #424242;
1202
- }
1203
- .foreground-grey-500 {
1204
- color: #ababab;
1205
- }
1206
- .foreground-grey-500-light {
1207
- color: #d1d1d1;
1208
- }
1209
- .foreground-grey-500-lighter {
1210
- color: #f8f8f8;
1211
- }
1212
- .foreground-grey-500-dark {
1213
- color: #929292;
1214
- }
1215
- .foreground-grey-500-darker {
1216
- color: #787878;
1217
- }
1218
- .foreground-grey-500-complement {
1219
- color: #ababab;
1220
- }
1221
- .foreground-grey-500-invert {
1222
- color: #545454;
1223
- }
1224
- .foreground-grey-600 {
1225
- color: #999999;
1226
- }
1227
- .foreground-grey-600-light {
1228
- color: #bfbfbf;
1229
- }
1230
- .foreground-grey-600-lighter {
1231
- color: #e6e6e6;
1232
- }
1233
- .foreground-grey-600-dark {
1234
- color: gray;
1235
- }
1236
- .foreground-grey-600-darker {
1237
- color: #666666;
1238
- }
1239
- .foreground-grey-600-complement {
1240
- color: #999999;
1241
- }
1242
- .foreground-grey-600-invert {
1243
- color: #666666;
1244
- }
1245
-
1246
- .bg-grey-100 {
1247
- background-color: #f4f4f4;
1248
- }
1249
- .bg-grey-100-light {
1250
- background-color: white;
1251
- }
1252
- .bg-grey-100-lighter {
1253
- background-color: white;
1254
- }
1255
- .bg-grey-100-dark {
1256
- background-color: #dbdbdb;
1257
- }
1258
- .bg-grey-100-darker {
1259
- background-color: #c1c1c1;
1260
- }
1261
- .bg-grey-100-complement {
1262
- background-color: #f4f4f4;
1263
- }
1264
- .bg-grey-100-invert {
1265
- background-color: #0b0b0b;
1266
- }
1267
- .bg-grey-200 {
1268
- background-color: #e2e2e2;
1269
- }
1270
- .bg-grey-200-light {
1271
- background-color: white;
1272
- }
1273
- .bg-grey-200-lighter {
1274
- background-color: white;
1275
- }
1276
- .bg-grey-200-dark {
1277
- background-color: #c9c9c9;
1278
- }
1279
- .bg-grey-200-darker {
1280
- background-color: #afafaf;
1281
- }
1282
- .bg-grey-200-complement {
1283
- background-color: #e2e2e2;
1284
- }
1285
- .bg-grey-200-invert {
1286
- background-color: #1d1d1d;
1287
- }
1288
- .bg-grey-300 {
1289
- background-color: #d0d0d0;
1290
- }
1291
- .bg-grey-300-light {
1292
- background-color: #f6f6f6;
1293
- }
1294
- .bg-grey-300-lighter {
1295
- background-color: white;
1296
- }
1297
- .bg-grey-300-dark {
1298
- background-color: #b7b7b7;
1299
- }
1300
- .bg-grey-300-darker {
1301
- background-color: #9d9d9d;
1302
- }
1303
- .bg-grey-300-complement {
1304
- background-color: #d0d0d0;
1305
- }
1306
- .bg-grey-300-invert {
1307
- background-color: #2f2f2f;
1308
- }
1309
- .bg-grey-400 {
1310
- background-color: #bdbdbd;
1311
- }
1312
- .bg-grey-400-light {
1313
- background-color: #e3e3e3;
1314
- }
1315
- .bg-grey-400-lighter {
1316
- background-color: white;
1317
- }
1318
- .bg-grey-400-dark {
1319
- background-color: #a4a4a4;
1320
- }
1321
- .bg-grey-400-darker {
1322
- background-color: #8a8a8a;
1323
- }
1324
- .bg-grey-400-complement {
1325
- background-color: #bdbdbd;
1326
- }
1327
- .bg-grey-400-invert {
1328
- background-color: #424242;
1329
- }
1330
- .bg-grey-500 {
1331
- background-color: #ababab;
1332
- }
1333
- .bg-grey-500-light {
1334
- background-color: #d1d1d1;
1335
- }
1336
- .bg-grey-500-lighter {
1337
- background-color: #f8f8f8;
1338
- }
1339
- .bg-grey-500-dark {
1340
- background-color: #929292;
1341
- }
1342
- .bg-grey-500-darker {
1343
- background-color: #787878;
1344
- }
1345
- .bg-grey-500-complement {
1346
- background-color: #ababab;
1347
- }
1348
- .bg-grey-500-invert {
1349
- background-color: #545454;
1350
- }
1351
- .bg-grey-600 {
1352
- background-color: #999999;
1353
- }
1354
- .bg-grey-600-light {
1355
- background-color: #bfbfbf;
1356
- }
1357
- .bg-grey-600-lighter {
1358
- background-color: #e6e6e6;
1359
- }
1360
- .bg-grey-600-dark {
1361
- background-color: gray;
1362
- }
1363
- .bg-grey-600-darker {
1364
- background-color: #666666;
1365
- }
1366
- .bg-grey-600-complement {
1367
- background-color: #999999;
1368
- }
1369
- .bg-grey-600-invert {
1370
- background-color: #666666;
1371
- }
1372
-
1373
- .bg-themed-palette-100 {
1374
- color: black;
1375
- text-shadow: 0 0 0.125rem #dbdbdb;
1376
- background-color: #f4f4f4;
1377
- }
1378
- .bg-themed-palette-100-light {
1379
- color: black;
1380
- background-color: white;
1381
- }
1382
- .bg-themed-palette-100-lighter {
1383
- color: black;
1384
- background-color: white;
1385
- }
1386
- .bg-themed-palette-100-dark {
1387
- color: black;
1388
- background-color: #dbdbdb;
1389
- }
1390
- .bg-themed-palette-100-darker {
1391
- color: black;
1392
- background-color: #c1c1c1;
1393
- }
1394
- .bg-themed-palette-100-complement {
1395
- color: black;
1396
- background-color: #f4f4f4;
1397
- }
1398
- .bg-themed-palette-100-invert {
1399
- color: white;
1400
- background-color: #0b0b0b;
1401
- }
1402
- .bg-themed-palette-200 {
1403
- color: black;
1404
- text-shadow: 0 0 0.125rem #c9c9c9;
1405
- background-color: #e2e2e2;
1406
- }
1407
- .bg-themed-palette-200-light {
1408
- color: black;
1409
- background-color: white;
1410
- }
1411
- .bg-themed-palette-200-lighter {
1412
- color: black;
1413
- background-color: white;
1414
- }
1415
- .bg-themed-palette-200-dark {
1416
- color: black;
1417
- background-color: #c9c9c9;
1418
- }
1419
- .bg-themed-palette-200-darker {
1420
- color: black;
1421
- background-color: #afafaf;
1422
- }
1423
- .bg-themed-palette-200-complement {
1424
- color: black;
1425
- background-color: #e2e2e2;
1426
- }
1427
- .bg-themed-palette-200-invert {
1428
- color: white;
1429
- background-color: #1d1d1d;
1430
- }
1431
- .bg-themed-palette-300 {
1432
- color: black;
1433
- text-shadow: 0 0 0.125rem #b7b7b7;
1434
- background-color: #d0d0d0;
1435
- }
1436
- .bg-themed-palette-300-light {
1437
- color: black;
1438
- background-color: #f6f6f6;
1439
- }
1440
- .bg-themed-palette-300-lighter {
1441
- color: black;
1442
- background-color: white;
1443
- }
1444
- .bg-themed-palette-300-dark {
1445
- color: black;
1446
- background-color: #b7b7b7;
1447
- }
1448
- .bg-themed-palette-300-darker {
1449
- color: black;
1450
- background-color: #9d9d9d;
1451
- }
1452
- .bg-themed-palette-300-complement {
1453
- color: black;
1454
- background-color: #d0d0d0;
1455
- }
1456
- .bg-themed-palette-300-invert {
1457
- color: white;
1458
- background-color: #2f2f2f;
1459
- }
1460
- .bg-themed-palette-400 {
1461
- color: black;
1462
- text-shadow: 0 0 0.125rem #a4a4a4;
1463
- background-color: #bdbdbd;
1464
- }
1465
- .bg-themed-palette-400-light {
1466
- color: black;
1467
- background-color: #e3e3e3;
1468
- }
1469
- .bg-themed-palette-400-lighter {
1470
- color: black;
1471
- background-color: white;
1472
- }
1473
- .bg-themed-palette-400-dark {
1474
- color: black;
1475
- background-color: #a4a4a4;
1476
- }
1477
- .bg-themed-palette-400-darker {
1478
- color: black;
1479
- background-color: #8a8a8a;
1480
- }
1481
- .bg-themed-palette-400-complement {
1482
- color: black;
1483
- background-color: #bdbdbd;
1484
- }
1485
- .bg-themed-palette-400-invert {
1486
- color: white;
1487
- background-color: #424242;
1488
- }
1489
- .bg-themed-palette-500 {
1490
- color: black;
1491
- text-shadow: 0 0 0.125rem #929292;
1492
- background-color: #ababab;
1493
- }
1494
- .bg-themed-palette-500-light {
1495
- color: black;
1496
- background-color: #d1d1d1;
1497
- }
1498
- .bg-themed-palette-500-lighter {
1499
- color: black;
1500
- background-color: #f8f8f8;
1501
- }
1502
- .bg-themed-palette-500-dark {
1503
- color: black;
1504
- background-color: #929292;
1505
- }
1506
- .bg-themed-palette-500-darker {
1507
- color: white;
1508
- background-color: #787878;
1509
- }
1510
- .bg-themed-palette-500-complement {
1511
- color: black;
1512
- background-color: #ababab;
1513
- }
1514
- .bg-themed-palette-500-invert {
1515
- color: white;
1516
- background-color: #545454;
1517
- }
1518
- .bg-themed-palette-600 {
1519
- color: black;
1520
- text-shadow: 0 0 0.125rem gray;
1521
- background-color: #999999;
1522
- }
1523
- .bg-themed-palette-600-light {
1524
- color: black;
1525
- background-color: #bfbfbf;
1526
- }
1527
- .bg-themed-palette-600-lighter {
1528
- color: black;
1529
- background-color: #e6e6e6;
1530
- }
1531
- .bg-themed-palette-600-dark {
1532
- color: black;
1533
- background-color: gray;
1534
- }
1535
- .bg-themed-palette-600-darker {
1536
- color: white;
1537
- background-color: #666666;
1538
- }
1539
- .bg-themed-palette-600-complement {
1540
- color: black;
1541
- background-color: #999999;
1542
- }
1543
- .bg-themed-palette-600-invert {
1544
- color: white;
1545
- background-color: #666666;
1546
- }
1547
-
1548
- .border-color-grey-100 {
1549
- border-color: #dbdbdb !important;
1550
- }
1551
- .border-color-grey-200 {
1552
- border-color: #c9c9c9 !important;
1553
- }
1554
- .border-color-grey-300 {
1555
- border-color: #b7b7b7 !important;
1556
- }
1557
- .border-color-grey-400 {
1558
- border-color: #a4a4a4 !important;
1559
- }
1560
- .border-color-grey-500 {
1561
- border-color: #929292 !important;
1562
- }
1563
- .border-color-grey-600 {
1564
- border-color: gray !important;
1
+
2
+ /**---------------------color.css---------------------*/
3
+ .foreground-palette-yellow {
4
+ color: #ffb900;
5
+ }
6
+ .foreground-palette-yellow-light {
7
+ color: #ffce4d;
8
+ }
9
+ .foreground-palette-yellow-lighter {
10
+ color: #ffe399;
11
+ }
12
+ .foreground-palette-yellow-dark {
13
+ color: #cc9400;
14
+ }
15
+ .foreground-palette-yellow-darker {
16
+ color: #996f00;
17
+ }
18
+ .foreground-palette-yellow-complement {
19
+ color: #0046ff;
20
+ }
21
+ .foreground-palette-yellow-invert {
22
+ color: #0046ff;
23
+ }
24
+ .foreground-palette-orange {
25
+ color: #d83b01;
26
+ }
27
+ .foreground-palette-orange-light {
28
+ color: #fe6127;
29
+ }
30
+ .foreground-palette-orange-lighter {
31
+ color: #fe9974;
32
+ }
33
+ .foreground-palette-orange-dark {
34
+ color: #a52d01;
35
+ }
36
+ .foreground-palette-orange-darker {
37
+ color: #721f01;
38
+ }
39
+ .foreground-palette-orange-complement {
40
+ color: #019ed8;
41
+ }
42
+ .foreground-palette-orange-invert {
43
+ color: #27c4fe;
44
+ }
45
+ .foreground-palette-red {
46
+ color: #d13438;
47
+ }
48
+ .foreground-palette-red-light {
49
+ color: #df7275;
50
+ }
51
+ .foreground-palette-red-lighter {
52
+ color: #edb1b2;
53
+ }
54
+ .foreground-palette-red-dark {
55
+ color: #ab272a;
56
+ }
57
+ .foreground-palette-red-darker {
58
+ color: #821d20;
59
+ }
60
+ .foreground-palette-red-complement {
61
+ color: #34d1cd;
62
+ }
63
+ .foreground-palette-red-invert {
64
+ color: #2ecbc7;
65
+ }
66
+ .foreground-palette-magenta {
67
+ color: #b4009e;
68
+ }
69
+ .foreground-palette-magenta-light {
70
+ color: #ff02e0;
71
+ }
72
+ .foreground-palette-magenta-lighter {
73
+ color: #ff4ee9;
74
+ }
75
+ .foreground-palette-magenta-dark {
76
+ color: #810071;
77
+ }
78
+ .foreground-palette-magenta-darker {
79
+ color: #4e0044;
80
+ }
81
+ .foreground-palette-magenta-complement {
82
+ color: #00b416;
83
+ }
84
+ .foreground-palette-magenta-invert {
85
+ color: #4bff61;
86
+ }
87
+ .foreground-palette-purple {
88
+ color: #5c2d91;
89
+ }
90
+ .foreground-palette-purple-light {
91
+ color: #8145c5;
92
+ }
93
+ .foreground-palette-purple-lighter {
94
+ color: #a980d7;
95
+ }
96
+ .foreground-palette-purple-dark {
97
+ color: #43216a;
98
+ }
99
+ .foreground-palette-purple-darker {
100
+ color: #2b1543;
101
+ }
102
+ .foreground-palette-purple-complement {
103
+ color: #62912d;
104
+ }
105
+ .foreground-palette-purple-invert {
106
+ color: #a3d26e;
107
+ }
108
+ .foreground-palette-green {
109
+ color: #107c10;
110
+ }
111
+ .foreground-palette-green-light {
112
+ color: #19c019;
113
+ }
114
+ .foreground-palette-green-lighter {
115
+ color: #3fe63f;
116
+ }
117
+ .foreground-palette-green-dark {
118
+ color: #0a4f0a;
119
+ }
120
+ .foreground-palette-green-darker {
121
+ color: #042204;
122
+ }
123
+ .foreground-palette-green-complement {
124
+ color: #7c107c;
125
+ }
126
+ .foreground-palette-green-invert {
127
+ color: #ef83ef;
128
+ }
129
+ .foreground-palette-teal {
130
+ color: #008272;
131
+ }
132
+ .foreground-palette-teal-light {
133
+ color: #00cfb5;
134
+ }
135
+ .foreground-palette-teal-lighter {
136
+ color: #1cffe3;
137
+ }
138
+ .foreground-palette-teal-dark {
139
+ color: #004f45;
140
+ }
141
+ .foreground-palette-teal-darker {
142
+ color: #001c19;
143
+ }
144
+ .foreground-palette-teal-complement {
145
+ color: #820010;
146
+ }
147
+ .foreground-palette-teal-invert {
148
+ color: #ff7d8d;
149
+ }
150
+ .foreground-palette-blue {
151
+ color: #0078d4;
152
+ }
153
+ .foreground-palette-blue-light {
154
+ color: #229fff;
155
+ }
156
+ .foreground-palette-blue-lighter {
157
+ color: #6ec0ff;
158
+ }
159
+ .foreground-palette-blue-dark {
160
+ color: #005ba1;
161
+ }
162
+ .foreground-palette-blue-darker {
163
+ color: #003e6e;
164
+ }
165
+ .foreground-palette-blue-complement {
166
+ color: #d45c00;
167
+ }
168
+ .foreground-palette-blue-invert {
169
+ color: #ff872b;
170
+ }
171
+ .foreground-palette-dark {
172
+ color: #323232;
173
+ }
174
+ .foreground-palette-dark-light {
175
+ color: #585858;
176
+ }
177
+ .foreground-palette-dark-lighter {
178
+ color: #7f7f7f;
179
+ }
180
+ .foreground-palette-dark-dark {
181
+ color: #191919;
182
+ }
183
+ .foreground-palette-dark-darker {
184
+ color: black;
185
+ }
186
+ .foreground-palette-dark-complement {
187
+ color: #323232;
188
+ }
189
+ .foreground-palette-dark-invert {
190
+ color: #cdcdcd;
191
+ }
192
+
193
+ .bg-palette-yellow {
194
+ background-color: #ffb900;
195
+ }
196
+ .bg-palette-yellow-light {
197
+ background-color: #ffce4d;
198
+ }
199
+ .bg-palette-yellow-lighter {
200
+ background-color: #ffe399;
201
+ }
202
+ .bg-palette-yellow-dark {
203
+ background-color: #cc9400;
204
+ }
205
+ .bg-palette-yellow-darker {
206
+ background-color: #996f00;
207
+ }
208
+ .bg-palette-yellow-complement {
209
+ background-color: #0046ff;
210
+ }
211
+ .bg-palette-yellow-invert {
212
+ background-color: #0046ff;
213
+ }
214
+ .bg-palette-orange {
215
+ background-color: #d83b01;
216
+ }
217
+ .bg-palette-orange-light {
218
+ background-color: #fe6127;
219
+ }
220
+ .bg-palette-orange-lighter {
221
+ background-color: #fe9974;
222
+ }
223
+ .bg-palette-orange-dark {
224
+ background-color: #a52d01;
225
+ }
226
+ .bg-palette-orange-darker {
227
+ background-color: #721f01;
228
+ }
229
+ .bg-palette-orange-complement {
230
+ background-color: #019ed8;
231
+ }
232
+ .bg-palette-orange-invert {
233
+ background-color: #27c4fe;
234
+ }
235
+ .bg-palette-red {
236
+ background-color: #d13438;
237
+ }
238
+ .bg-palette-red-light {
239
+ background-color: #df7275;
240
+ }
241
+ .bg-palette-red-lighter {
242
+ background-color: #edb1b2;
243
+ }
244
+ .bg-palette-red-dark {
245
+ background-color: #ab272a;
246
+ }
247
+ .bg-palette-red-darker {
248
+ background-color: #821d20;
249
+ }
250
+ .bg-palette-red-complement {
251
+ background-color: #34d1cd;
252
+ }
253
+ .bg-palette-red-invert {
254
+ background-color: #2ecbc7;
255
+ }
256
+ .bg-palette-magenta {
257
+ background-color: #b4009e;
258
+ }
259
+ .bg-palette-magenta-light {
260
+ background-color: #ff02e0;
261
+ }
262
+ .bg-palette-magenta-lighter {
263
+ background-color: #ff4ee9;
264
+ }
265
+ .bg-palette-magenta-dark {
266
+ background-color: #810071;
267
+ }
268
+ .bg-palette-magenta-darker {
269
+ background-color: #4e0044;
270
+ }
271
+ .bg-palette-magenta-complement {
272
+ background-color: #00b416;
273
+ }
274
+ .bg-palette-magenta-invert {
275
+ background-color: #4bff61;
276
+ }
277
+ .bg-palette-purple {
278
+ background-color: #5c2d91;
279
+ }
280
+ .bg-palette-purple-light {
281
+ background-color: #8145c5;
282
+ }
283
+ .bg-palette-purple-lighter {
284
+ background-color: #a980d7;
285
+ }
286
+ .bg-palette-purple-dark {
287
+ background-color: #43216a;
288
+ }
289
+ .bg-palette-purple-darker {
290
+ background-color: #2b1543;
291
+ }
292
+ .bg-palette-purple-complement {
293
+ background-color: #62912d;
294
+ }
295
+ .bg-palette-purple-invert {
296
+ background-color: #a3d26e;
297
+ }
298
+ .bg-palette-green {
299
+ background-color: #107c10;
300
+ }
301
+ .bg-palette-green-light {
302
+ background-color: #19c019;
303
+ }
304
+ .bg-palette-green-lighter {
305
+ background-color: #3fe63f;
306
+ }
307
+ .bg-palette-green-dark {
308
+ background-color: #0a4f0a;
309
+ }
310
+ .bg-palette-green-darker {
311
+ background-color: #042204;
312
+ }
313
+ .bg-palette-green-complement {
314
+ background-color: #7c107c;
315
+ }
316
+ .bg-palette-green-invert {
317
+ background-color: #ef83ef;
318
+ }
319
+ .bg-palette-teal {
320
+ background-color: #008272;
321
+ }
322
+ .bg-palette-teal-light {
323
+ background-color: #00cfb5;
324
+ }
325
+ .bg-palette-teal-lighter {
326
+ background-color: #1cffe3;
327
+ }
328
+ .bg-palette-teal-dark {
329
+ background-color: #004f45;
330
+ }
331
+ .bg-palette-teal-darker {
332
+ background-color: #001c19;
333
+ }
334
+ .bg-palette-teal-complement {
335
+ background-color: #820010;
336
+ }
337
+ .bg-palette-teal-invert {
338
+ background-color: #ff7d8d;
339
+ }
340
+ .bg-palette-blue {
341
+ background-color: #0078d4;
342
+ }
343
+ .bg-palette-blue-light {
344
+ background-color: #229fff;
345
+ }
346
+ .bg-palette-blue-lighter {
347
+ background-color: #6ec0ff;
348
+ }
349
+ .bg-palette-blue-dark {
350
+ background-color: #005ba1;
351
+ }
352
+ .bg-palette-blue-darker {
353
+ background-color: #003e6e;
354
+ }
355
+ .bg-palette-blue-complement {
356
+ background-color: #d45c00;
357
+ }
358
+ .bg-palette-blue-invert {
359
+ background-color: #ff872b;
360
+ }
361
+ .bg-palette-dark {
362
+ background-color: #323232;
363
+ }
364
+ .bg-palette-dark-light {
365
+ background-color: #585858;
366
+ }
367
+ .bg-palette-dark-lighter {
368
+ background-color: #7f7f7f;
369
+ }
370
+ .bg-palette-dark-dark {
371
+ background-color: #191919;
372
+ }
373
+ .bg-palette-dark-darker {
374
+ background-color: black;
375
+ }
376
+ .bg-palette-dark-complement {
377
+ background-color: #323232;
378
+ }
379
+ .bg-palette-dark-invert {
380
+ background-color: #cdcdcd;
381
+ }
382
+
383
+ .bg-themed-palette-yellow {
384
+ color: black;
385
+ text-shadow: 0 0 0.125rem #cc9400;
386
+ background-color: #ffb900;
387
+ }
388
+ .bg-themed-palette-yellow-light {
389
+ color: black;
390
+ background-color: #ffce4d;
391
+ }
392
+ .bg-themed-palette-yellow-lighter {
393
+ color: black;
394
+ background-color: #ffe399;
395
+ }
396
+ .bg-themed-palette-yellow-dark {
397
+ color: black;
398
+ background-color: #cc9400;
399
+ }
400
+ .bg-themed-palette-yellow-darker {
401
+ color: white;
402
+ background-color: #996f00;
403
+ }
404
+ .bg-themed-palette-yellow-complement {
405
+ color: white;
406
+ background-color: #0046ff;
407
+ }
408
+ .bg-themed-palette-yellow-invert {
409
+ color: white;
410
+ background-color: #0046ff;
411
+ }
412
+ .bg-themed-palette-orange {
413
+ color: white;
414
+ text-shadow: 0 0 0.125rem #a52d01;
415
+ background-color: #d83b01;
416
+ }
417
+ .bg-themed-palette-orange-light {
418
+ color: black;
419
+ background-color: #fe6127;
420
+ }
421
+ .bg-themed-palette-orange-lighter {
422
+ color: black;
423
+ background-color: #fe9974;
424
+ }
425
+ .bg-themed-palette-orange-dark {
426
+ color: white;
427
+ background-color: #a52d01;
428
+ }
429
+ .bg-themed-palette-orange-darker {
430
+ color: white;
431
+ background-color: #721f01;
432
+ }
433
+ .bg-themed-palette-orange-complement {
434
+ color: white;
435
+ background-color: #019ed8;
436
+ }
437
+ .bg-themed-palette-orange-invert {
438
+ color: black;
439
+ background-color: #27c4fe;
440
+ }
441
+ .bg-themed-palette-red {
442
+ color: white;
443
+ text-shadow: 0 0 0.125rem #ab272a;
444
+ background-color: #d13438;
445
+ }
446
+ .bg-themed-palette-red-light {
447
+ color: black;
448
+ background-color: #df7275;
449
+ }
450
+ .bg-themed-palette-red-lighter {
451
+ color: black;
452
+ background-color: #edb1b2;
453
+ }
454
+ .bg-themed-palette-red-dark {
455
+ color: white;
456
+ background-color: #ab272a;
457
+ }
458
+ .bg-themed-palette-red-darker {
459
+ color: white;
460
+ background-color: #821d20;
461
+ }
462
+ .bg-themed-palette-red-complement {
463
+ color: black;
464
+ background-color: #34d1cd;
465
+ }
466
+ .bg-themed-palette-red-invert {
467
+ color: black;
468
+ background-color: #2ecbc7;
469
+ }
470
+ .bg-themed-palette-magenta {
471
+ color: white;
472
+ text-shadow: 0 0 0.125rem #810071;
473
+ background-color: #b4009e;
474
+ }
475
+ .bg-themed-palette-magenta-light {
476
+ color: white;
477
+ background-color: #ff02e0;
478
+ }
479
+ .bg-themed-palette-magenta-lighter {
480
+ color: black;
481
+ background-color: #ff4ee9;
482
+ }
483
+ .bg-themed-palette-magenta-dark {
484
+ color: white;
485
+ background-color: #810071;
486
+ }
487
+ .bg-themed-palette-magenta-darker {
488
+ color: white;
489
+ background-color: #4e0044;
490
+ }
491
+ .bg-themed-palette-magenta-complement {
492
+ color: white;
493
+ background-color: #00b416;
494
+ }
495
+ .bg-themed-palette-magenta-invert {
496
+ color: black;
497
+ background-color: #4bff61;
498
+ }
499
+ .bg-themed-palette-purple {
500
+ color: white;
501
+ text-shadow: 0 0 0.125rem #43216a;
502
+ background-color: #5c2d91;
503
+ }
504
+ .bg-themed-palette-purple-light {
505
+ color: white;
506
+ background-color: #8145c5;
507
+ }
508
+ .bg-themed-palette-purple-lighter {
509
+ color: black;
510
+ background-color: #a980d7;
511
+ }
512
+ .bg-themed-palette-purple-dark {
513
+ color: white;
514
+ background-color: #43216a;
515
+ }
516
+ .bg-themed-palette-purple-darker {
517
+ color: white;
518
+ background-color: #2b1543;
519
+ }
520
+ .bg-themed-palette-purple-complement {
521
+ color: black;
522
+ background-color: #62912d;
523
+ }
524
+ .bg-themed-palette-purple-invert {
525
+ color: black;
526
+ background-color: #a3d26e;
527
+ }
528
+ .bg-themed-palette-green {
529
+ color: white;
530
+ text-shadow: 0 0 0.125rem #0a4f0a;
531
+ background-color: #107c10;
532
+ }
533
+ .bg-themed-palette-green-light {
534
+ color: black;
535
+ background-color: #19c019;
536
+ }
537
+ .bg-themed-palette-green-lighter {
538
+ color: black;
539
+ background-color: #3fe63f;
540
+ }
541
+ .bg-themed-palette-green-dark {
542
+ color: white;
543
+ background-color: #0a4f0a;
544
+ }
545
+ .bg-themed-palette-green-darker {
546
+ color: white;
547
+ background-color: #042204;
548
+ }
549
+ .bg-themed-palette-green-complement {
550
+ color: white;
551
+ background-color: #7c107c;
552
+ }
553
+ .bg-themed-palette-green-invert {
554
+ color: black;
555
+ background-color: #ef83ef;
556
+ }
557
+ .bg-themed-palette-teal {
558
+ color: white;
559
+ text-shadow: 0 0 0.125rem #004f45;
560
+ background-color: #008272;
561
+ }
562
+ .bg-themed-palette-teal-light {
563
+ color: black;
564
+ background-color: #00cfb5;
565
+ }
566
+ .bg-themed-palette-teal-lighter {
567
+ color: black;
568
+ background-color: #1cffe3;
569
+ }
570
+ .bg-themed-palette-teal-dark {
571
+ color: white;
572
+ background-color: #004f45;
573
+ }
574
+ .bg-themed-palette-teal-darker {
575
+ color: white;
576
+ background-color: #001c19;
577
+ }
578
+ .bg-themed-palette-teal-complement {
579
+ color: white;
580
+ background-color: #820010;
581
+ }
582
+ .bg-themed-palette-teal-invert {
583
+ color: black;
584
+ background-color: #ff7d8d;
585
+ }
586
+ .bg-themed-palette-blue {
587
+ color: white;
588
+ text-shadow: 0 0 0.125rem #005ba1;
589
+ background-color: #0078d4;
590
+ }
591
+ .bg-themed-palette-blue-light {
592
+ color: white;
593
+ background-color: #229fff;
594
+ }
595
+ .bg-themed-palette-blue-lighter {
596
+ color: black;
597
+ background-color: #6ec0ff;
598
+ }
599
+ .bg-themed-palette-blue-dark {
600
+ color: white;
601
+ background-color: #005ba1;
602
+ }
603
+ .bg-themed-palette-blue-darker {
604
+ color: white;
605
+ background-color: #003e6e;
606
+ }
607
+ .bg-themed-palette-blue-complement {
608
+ color: black;
609
+ background-color: #d45c00;
610
+ }
611
+ .bg-themed-palette-blue-invert {
612
+ color: black;
613
+ background-color: #ff872b;
614
+ }
615
+ .bg-themed-palette-dark {
616
+ color: white;
617
+ text-shadow: 0 0 0.125rem #191919;
618
+ background-color: #323232;
619
+ }
620
+ .bg-themed-palette-dark-light {
621
+ color: white;
622
+ background-color: #585858;
623
+ }
624
+ .bg-themed-palette-dark-lighter {
625
+ color: white;
626
+ background-color: #7f7f7f;
627
+ }
628
+ .bg-themed-palette-dark-dark {
629
+ color: white;
630
+ background-color: #191919;
631
+ }
632
+ .bg-themed-palette-dark-darker {
633
+ color: white;
634
+ background-color: black;
635
+ }
636
+ .bg-themed-palette-dark-complement {
637
+ color: white;
638
+ background-color: #323232;
639
+ }
640
+ .bg-themed-palette-dark-invert {
641
+ color: black;
642
+ background-color: #cdcdcd;
643
+ }
644
+
645
+ .border-color-palette-yellow {
646
+ border-color: #cc9400 !important;
647
+ }
648
+ .border-color-palette-orange {
649
+ border-color: #a52d01 !important;
650
+ }
651
+ .border-color-palette-red {
652
+ border-color: #ab272a !important;
653
+ }
654
+ .border-color-palette-magenta {
655
+ border-color: #810071 !important;
656
+ }
657
+ .border-color-palette-purple {
658
+ border-color: #43216a !important;
659
+ }
660
+ .border-color-palette-green {
661
+ border-color: #0a4f0a !important;
662
+ }
663
+ .border-color-palette-teal {
664
+ border-color: #004f45 !important;
665
+ }
666
+ .border-color-palette-blue {
667
+ border-color: #005ba1 !important;
668
+ }
669
+ .border-color-palette-dark {
670
+ border-color: #191919 !important;
671
+ }
672
+
673
+ .foreground-scheme-discrete {
674
+ color: #ccc;
675
+ }
676
+ .foreground-scheme-discrete-light {
677
+ color: #f2f2f2;
678
+ }
679
+ .foreground-scheme-discrete-lighter {
680
+ color: white;
681
+ }
682
+ .foreground-scheme-discrete-dark {
683
+ color: #b3b3b3;
684
+ }
685
+ .foreground-scheme-discrete-darker {
686
+ color: #999999;
687
+ }
688
+ .foreground-scheme-discrete-complement {
689
+ color: #cccccc;
690
+ }
691
+ .foreground-scheme-discrete-invert {
692
+ color: #333333;
693
+ }
694
+ .foreground-scheme-success {
695
+ color: green;
696
+ }
697
+ .foreground-scheme-success-light {
698
+ color: #00cd00;
699
+ }
700
+ .foreground-scheme-success-lighter {
701
+ color: #1aff1a;
702
+ }
703
+ .foreground-scheme-success-dark {
704
+ color: #004d00;
705
+ }
706
+ .foreground-scheme-success-darker {
707
+ color: #001a00;
708
+ }
709
+ .foreground-scheme-success-complement {
710
+ color: purple;
711
+ }
712
+ .foreground-scheme-success-invert {
713
+ color: #ff7fff;
714
+ }
715
+ .foreground-scheme-info {
716
+ color: #ffdd57;
717
+ }
718
+ .foreground-scheme-info-light {
719
+ color: #ffeca4;
720
+ }
721
+ .foreground-scheme-info-lighter {
722
+ color: #fffcf0;
723
+ }
724
+ .foreground-scheme-info-dark {
725
+ color: #ffd324;
726
+ }
727
+ .foreground-scheme-info-darker {
728
+ color: #f0bf00;
729
+ }
730
+ .foreground-scheme-info-complement {
731
+ color: #5779ff;
732
+ }
733
+ .foreground-scheme-info-invert {
734
+ color: #0022a8;
735
+ }
736
+ .foreground-scheme-warning {
737
+ color: hsl(48, 96%, 46%);
738
+ }
739
+ .foreground-scheme-warning-light {
740
+ color: #fbd53c;
741
+ }
742
+ .foreground-scheme-warning-lighter {
743
+ color: #fde587;
744
+ }
745
+ .foreground-scheme-warning-dark {
746
+ color: #b49104;
747
+ }
748
+ .foreground-scheme-warning-darker {
749
+ color: #826803;
750
+ }
751
+ .foreground-scheme-warning-complement {
752
+ color: #0532e6;
753
+ }
754
+ .foreground-scheme-warning-invert {
755
+ color: #1946fa;
756
+ }
757
+ .foreground-scheme-alert {
758
+ color: hsl(27, 100%, 50%);
759
+ }
760
+ .foreground-scheme-alert-light {
761
+ color: #ff9d4d;
762
+ }
763
+ .foreground-scheme-alert-lighter {
764
+ color: #ffc799;
765
+ }
766
+ .foreground-scheme-alert-dark {
767
+ color: #cc5c00;
768
+ }
769
+ .foreground-scheme-alert-darker {
770
+ color: #994500;
771
+ }
772
+ .foreground-scheme-alert-complement {
773
+ color: #008cff;
774
+ }
775
+ .foreground-scheme-alert-invert {
776
+ color: #008cff;
777
+ }
778
+ .foreground-scheme-error {
779
+ color: red;
780
+ }
781
+ .foreground-scheme-error-light {
782
+ color: #ff4d4d;
783
+ }
784
+ .foreground-scheme-error-lighter {
785
+ color: #ff9999;
786
+ }
787
+ .foreground-scheme-error-dark {
788
+ color: #cc0000;
789
+ }
790
+ .foreground-scheme-error-darker {
791
+ color: #990000;
792
+ }
793
+ .foreground-scheme-error-complement {
794
+ color: aqua;
795
+ }
796
+ .foreground-scheme-error-invert {
797
+ color: aqua;
798
+ }
799
+
800
+ .bg-scheme-discrete {
801
+ background-color: #ccc;
802
+ }
803
+ .bg-scheme-discrete-light {
804
+ background-color: #f2f2f2;
805
+ }
806
+ .bg-scheme-discrete-lighter {
807
+ background-color: white;
808
+ }
809
+ .bg-scheme-discrete-dark {
810
+ background-color: #b3b3b3;
811
+ }
812
+ .bg-scheme-discrete-darker {
813
+ background-color: #999999;
814
+ }
815
+ .bg-scheme-discrete-complement {
816
+ background-color: #cccccc;
817
+ }
818
+ .bg-scheme-discrete-invert {
819
+ background-color: #333333;
820
+ }
821
+ .bg-scheme-success {
822
+ background-color: green;
823
+ }
824
+ .bg-scheme-success-light {
825
+ background-color: #00cd00;
826
+ }
827
+ .bg-scheme-success-lighter {
828
+ background-color: #1aff1a;
829
+ }
830
+ .bg-scheme-success-dark {
831
+ background-color: #004d00;
832
+ }
833
+ .bg-scheme-success-darker {
834
+ background-color: #001a00;
835
+ }
836
+ .bg-scheme-success-complement {
837
+ background-color: purple;
838
+ }
839
+ .bg-scheme-success-invert {
840
+ background-color: #ff7fff;
841
+ }
842
+ .bg-scheme-info {
843
+ background-color: #ffdd57;
844
+ }
845
+ .bg-scheme-info-light {
846
+ background-color: #ffeca4;
847
+ }
848
+ .bg-scheme-info-lighter {
849
+ background-color: #fffcf0;
850
+ }
851
+ .bg-scheme-info-dark {
852
+ background-color: #ffd324;
853
+ }
854
+ .bg-scheme-info-darker {
855
+ background-color: #f0bf00;
856
+ }
857
+ .bg-scheme-info-complement {
858
+ background-color: #5779ff;
859
+ }
860
+ .bg-scheme-info-invert {
861
+ background-color: #0022a8;
862
+ }
863
+ .bg-scheme-warning {
864
+ background-color: hsl(48, 96%, 46%);
865
+ }
866
+ .bg-scheme-warning-light {
867
+ background-color: #fbd53c;
868
+ }
869
+ .bg-scheme-warning-lighter {
870
+ background-color: #fde587;
871
+ }
872
+ .bg-scheme-warning-dark {
873
+ background-color: #b49104;
874
+ }
875
+ .bg-scheme-warning-darker {
876
+ background-color: #826803;
877
+ }
878
+ .bg-scheme-warning-complement {
879
+ background-color: #0532e6;
880
+ }
881
+ .bg-scheme-warning-invert {
882
+ background-color: #1946fa;
883
+ }
884
+ .bg-scheme-alert {
885
+ background-color: hsl(27, 100%, 50%);
886
+ }
887
+ .bg-scheme-alert-light {
888
+ background-color: #ff9d4d;
889
+ }
890
+ .bg-scheme-alert-lighter {
891
+ background-color: #ffc799;
892
+ }
893
+ .bg-scheme-alert-dark {
894
+ background-color: #cc5c00;
895
+ }
896
+ .bg-scheme-alert-darker {
897
+ background-color: #994500;
898
+ }
899
+ .bg-scheme-alert-complement {
900
+ background-color: #008cff;
901
+ }
902
+ .bg-scheme-alert-invert {
903
+ background-color: #008cff;
904
+ }
905
+ .bg-scheme-error {
906
+ background-color: red;
907
+ }
908
+ .bg-scheme-error-light {
909
+ background-color: #ff4d4d;
910
+ }
911
+ .bg-scheme-error-lighter {
912
+ background-color: #ff9999;
913
+ }
914
+ .bg-scheme-error-dark {
915
+ background-color: #cc0000;
916
+ }
917
+ .bg-scheme-error-darker {
918
+ background-color: #990000;
919
+ }
920
+ .bg-scheme-error-complement {
921
+ background-color: aqua;
922
+ }
923
+ .bg-scheme-error-invert {
924
+ background-color: aqua;
925
+ }
926
+
927
+ .bg-themed-palette-discrete {
928
+ color: black;
929
+ text-shadow: 0 0 0.125rem #b3b3b3;
930
+ background-color: #ccc;
931
+ }
932
+ .bg-themed-palette-discrete-light {
933
+ color: black;
934
+ background-color: #f2f2f2;
935
+ }
936
+ .bg-themed-palette-discrete-lighter {
937
+ color: black;
938
+ background-color: white;
939
+ }
940
+ .bg-themed-palette-discrete-dark {
941
+ color: black;
942
+ background-color: #b3b3b3;
943
+ }
944
+ .bg-themed-palette-discrete-darker {
945
+ color: black;
946
+ background-color: #999999;
947
+ }
948
+ .bg-themed-palette-discrete-complement {
949
+ color: black;
950
+ background-color: #cccccc;
951
+ }
952
+ .bg-themed-palette-discrete-invert {
953
+ color: white;
954
+ background-color: #333333;
955
+ }
956
+ .bg-themed-palette-success {
957
+ color: white;
958
+ text-shadow: 0 0 0.125rem #004d00;
959
+ background-color: green;
960
+ }
961
+ .bg-themed-palette-success-light {
962
+ color: black;
963
+ background-color: #00cd00;
964
+ }
965
+ .bg-themed-palette-success-lighter {
966
+ color: black;
967
+ background-color: #1aff1a;
968
+ }
969
+ .bg-themed-palette-success-dark {
970
+ color: white;
971
+ background-color: #004d00;
972
+ }
973
+ .bg-themed-palette-success-darker {
974
+ color: white;
975
+ background-color: #001a00;
976
+ }
977
+ .bg-themed-palette-success-complement {
978
+ color: white;
979
+ background-color: purple;
980
+ }
981
+ .bg-themed-palette-success-invert {
982
+ color: black;
983
+ background-color: #ff7fff;
984
+ }
985
+ .bg-themed-palette-info {
986
+ color: black;
987
+ text-shadow: 0 0 0.125rem #ffd324;
988
+ background-color: #ffdd57;
989
+ }
990
+ .bg-themed-palette-info-light {
991
+ color: black;
992
+ background-color: #ffeca4;
993
+ }
994
+ .bg-themed-palette-info-lighter {
995
+ color: black;
996
+ background-color: #fffcf0;
997
+ }
998
+ .bg-themed-palette-info-dark {
999
+ color: black;
1000
+ background-color: #ffd324;
1001
+ }
1002
+ .bg-themed-palette-info-darker {
1003
+ color: black;
1004
+ background-color: #f0bf00;
1005
+ }
1006
+ .bg-themed-palette-info-complement {
1007
+ color: white;
1008
+ background-color: #5779ff;
1009
+ }
1010
+ .bg-themed-palette-info-invert {
1011
+ color: white;
1012
+ background-color: #0022a8;
1013
+ }
1014
+ .bg-themed-palette-warning {
1015
+ color: black;
1016
+ text-shadow: 0 0 0.125rem #b49104;
1017
+ background-color: hsl(48, 96%, 46%);
1018
+ }
1019
+ .bg-themed-palette-warning-light {
1020
+ color: black;
1021
+ background-color: #fbd53c;
1022
+ }
1023
+ .bg-themed-palette-warning-lighter {
1024
+ color: black;
1025
+ background-color: #fde587;
1026
+ }
1027
+ .bg-themed-palette-warning-dark {
1028
+ color: black;
1029
+ background-color: #b49104;
1030
+ }
1031
+ .bg-themed-palette-warning-darker {
1032
+ color: white;
1033
+ background-color: #826803;
1034
+ }
1035
+ .bg-themed-palette-warning-complement {
1036
+ color: white;
1037
+ background-color: #0532e6;
1038
+ }
1039
+ .bg-themed-palette-warning-invert {
1040
+ color: white;
1041
+ background-color: #1946fa;
1042
+ }
1043
+ .bg-themed-palette-alert {
1044
+ color: black;
1045
+ text-shadow: 0 0 0.125rem #cc5c00;
1046
+ background-color: hsl(27, 100%, 50%);
1047
+ }
1048
+ .bg-themed-palette-alert-light {
1049
+ color: black;
1050
+ background-color: #ff9d4d;
1051
+ }
1052
+ .bg-themed-palette-alert-lighter {
1053
+ color: black;
1054
+ background-color: #ffc799;
1055
+ }
1056
+ .bg-themed-palette-alert-dark {
1057
+ color: black;
1058
+ background-color: #cc5c00;
1059
+ }
1060
+ .bg-themed-palette-alert-darker {
1061
+ color: white;
1062
+ background-color: #994500;
1063
+ }
1064
+ .bg-themed-palette-alert-complement {
1065
+ color: white;
1066
+ background-color: #008cff;
1067
+ }
1068
+ .bg-themed-palette-alert-invert {
1069
+ color: white;
1070
+ background-color: #008cff;
1071
+ }
1072
+ .bg-themed-palette-error {
1073
+ color: white;
1074
+ text-shadow: 0 0 0.125rem #cc0000;
1075
+ background-color: red;
1076
+ }
1077
+ .bg-themed-palette-error-light {
1078
+ color: black;
1079
+ background-color: #ff4d4d;
1080
+ }
1081
+ .bg-themed-palette-error-lighter {
1082
+ color: black;
1083
+ background-color: #ff9999;
1084
+ }
1085
+ .bg-themed-palette-error-dark {
1086
+ color: white;
1087
+ background-color: #cc0000;
1088
+ }
1089
+ .bg-themed-palette-error-darker {
1090
+ color: white;
1091
+ background-color: #990000;
1092
+ }
1093
+ .bg-themed-palette-error-complement {
1094
+ color: black;
1095
+ background-color: aqua;
1096
+ }
1097
+ .bg-themed-palette-error-invert {
1098
+ color: black;
1099
+ background-color: aqua;
1100
+ }
1101
+
1102
+ .border-color-scheme-discrete {
1103
+ border-color: #b3b3b3 !important;
1104
+ }
1105
+ .border-color-scheme-success {
1106
+ border-color: #004d00 !important;
1107
+ }
1108
+ .border-color-scheme-info {
1109
+ border-color: #ffd324 !important;
1110
+ }
1111
+ .border-color-scheme-warning {
1112
+ border-color: #b49104 !important;
1113
+ }
1114
+ .border-color-scheme-alert {
1115
+ border-color: #cc5c00 !important;
1116
+ }
1117
+ .border-color-scheme-error {
1118
+ border-color: #cc0000 !important;
1119
+ }
1120
+
1121
+ .foreground-grey-100 {
1122
+ color: #f4f4f4;
1123
+ }
1124
+ .foreground-grey-100-light {
1125
+ color: white;
1126
+ }
1127
+ .foreground-grey-100-lighter {
1128
+ color: white;
1129
+ }
1130
+ .foreground-grey-100-dark {
1131
+ color: #dbdbdb;
1132
+ }
1133
+ .foreground-grey-100-darker {
1134
+ color: #c1c1c1;
1135
+ }
1136
+ .foreground-grey-100-complement {
1137
+ color: #f4f4f4;
1138
+ }
1139
+ .foreground-grey-100-invert {
1140
+ color: #0b0b0b;
1141
+ }
1142
+ .foreground-grey-200 {
1143
+ color: #e2e2e2;
1144
+ }
1145
+ .foreground-grey-200-light {
1146
+ color: white;
1147
+ }
1148
+ .foreground-grey-200-lighter {
1149
+ color: white;
1150
+ }
1151
+ .foreground-grey-200-dark {
1152
+ color: #c9c9c9;
1153
+ }
1154
+ .foreground-grey-200-darker {
1155
+ color: #afafaf;
1156
+ }
1157
+ .foreground-grey-200-complement {
1158
+ color: #e2e2e2;
1159
+ }
1160
+ .foreground-grey-200-invert {
1161
+ color: #1d1d1d;
1162
+ }
1163
+ .foreground-grey-300 {
1164
+ color: #d0d0d0;
1165
+ }
1166
+ .foreground-grey-300-light {
1167
+ color: #f6f6f6;
1168
+ }
1169
+ .foreground-grey-300-lighter {
1170
+ color: white;
1171
+ }
1172
+ .foreground-grey-300-dark {
1173
+ color: #b7b7b7;
1174
+ }
1175
+ .foreground-grey-300-darker {
1176
+ color: #9d9d9d;
1177
+ }
1178
+ .foreground-grey-300-complement {
1179
+ color: #d0d0d0;
1180
+ }
1181
+ .foreground-grey-300-invert {
1182
+ color: #2f2f2f;
1183
+ }
1184
+ .foreground-grey-400 {
1185
+ color: #bdbdbd;
1186
+ }
1187
+ .foreground-grey-400-light {
1188
+ color: #e3e3e3;
1189
+ }
1190
+ .foreground-grey-400-lighter {
1191
+ color: white;
1192
+ }
1193
+ .foreground-grey-400-dark {
1194
+ color: #a4a4a4;
1195
+ }
1196
+ .foreground-grey-400-darker {
1197
+ color: #8a8a8a;
1198
+ }
1199
+ .foreground-grey-400-complement {
1200
+ color: #bdbdbd;
1201
+ }
1202
+ .foreground-grey-400-invert {
1203
+ color: #424242;
1204
+ }
1205
+ .foreground-grey-500 {
1206
+ color: #ababab;
1207
+ }
1208
+ .foreground-grey-500-light {
1209
+ color: #d1d1d1;
1210
+ }
1211
+ .foreground-grey-500-lighter {
1212
+ color: #f8f8f8;
1213
+ }
1214
+ .foreground-grey-500-dark {
1215
+ color: #929292;
1216
+ }
1217
+ .foreground-grey-500-darker {
1218
+ color: #787878;
1219
+ }
1220
+ .foreground-grey-500-complement {
1221
+ color: #ababab;
1222
+ }
1223
+ .foreground-grey-500-invert {
1224
+ color: #545454;
1225
+ }
1226
+ .foreground-grey-600 {
1227
+ color: #999999;
1228
+ }
1229
+ .foreground-grey-600-light {
1230
+ color: #bfbfbf;
1231
+ }
1232
+ .foreground-grey-600-lighter {
1233
+ color: #e6e6e6;
1234
+ }
1235
+ .foreground-grey-600-dark {
1236
+ color: gray;
1237
+ }
1238
+ .foreground-grey-600-darker {
1239
+ color: #666666;
1240
+ }
1241
+ .foreground-grey-600-complement {
1242
+ color: #999999;
1243
+ }
1244
+ .foreground-grey-600-invert {
1245
+ color: #666666;
1246
+ }
1247
+
1248
+ .bg-grey-100 {
1249
+ background-color: #f4f4f4;
1250
+ }
1251
+ .bg-grey-100-light {
1252
+ background-color: white;
1253
+ }
1254
+ .bg-grey-100-lighter {
1255
+ background-color: white;
1256
+ }
1257
+ .bg-grey-100-dark {
1258
+ background-color: #dbdbdb;
1259
+ }
1260
+ .bg-grey-100-darker {
1261
+ background-color: #c1c1c1;
1262
+ }
1263
+ .bg-grey-100-complement {
1264
+ background-color: #f4f4f4;
1265
+ }
1266
+ .bg-grey-100-invert {
1267
+ background-color: #0b0b0b;
1268
+ }
1269
+ .bg-grey-200 {
1270
+ background-color: #e2e2e2;
1271
+ }
1272
+ .bg-grey-200-light {
1273
+ background-color: white;
1274
+ }
1275
+ .bg-grey-200-lighter {
1276
+ background-color: white;
1277
+ }
1278
+ .bg-grey-200-dark {
1279
+ background-color: #c9c9c9;
1280
+ }
1281
+ .bg-grey-200-darker {
1282
+ background-color: #afafaf;
1283
+ }
1284
+ .bg-grey-200-complement {
1285
+ background-color: #e2e2e2;
1286
+ }
1287
+ .bg-grey-200-invert {
1288
+ background-color: #1d1d1d;
1289
+ }
1290
+ .bg-grey-300 {
1291
+ background-color: #d0d0d0;
1292
+ }
1293
+ .bg-grey-300-light {
1294
+ background-color: #f6f6f6;
1295
+ }
1296
+ .bg-grey-300-lighter {
1297
+ background-color: white;
1298
+ }
1299
+ .bg-grey-300-dark {
1300
+ background-color: #b7b7b7;
1301
+ }
1302
+ .bg-grey-300-darker {
1303
+ background-color: #9d9d9d;
1304
+ }
1305
+ .bg-grey-300-complement {
1306
+ background-color: #d0d0d0;
1307
+ }
1308
+ .bg-grey-300-invert {
1309
+ background-color: #2f2f2f;
1310
+ }
1311
+ .bg-grey-400 {
1312
+ background-color: #bdbdbd;
1313
+ }
1314
+ .bg-grey-400-light {
1315
+ background-color: #e3e3e3;
1316
+ }
1317
+ .bg-grey-400-lighter {
1318
+ background-color: white;
1319
+ }
1320
+ .bg-grey-400-dark {
1321
+ background-color: #a4a4a4;
1322
+ }
1323
+ .bg-grey-400-darker {
1324
+ background-color: #8a8a8a;
1325
+ }
1326
+ .bg-grey-400-complement {
1327
+ background-color: #bdbdbd;
1328
+ }
1329
+ .bg-grey-400-invert {
1330
+ background-color: #424242;
1331
+ }
1332
+ .bg-grey-500 {
1333
+ background-color: #ababab;
1334
+ }
1335
+ .bg-grey-500-light {
1336
+ background-color: #d1d1d1;
1337
+ }
1338
+ .bg-grey-500-lighter {
1339
+ background-color: #f8f8f8;
1340
+ }
1341
+ .bg-grey-500-dark {
1342
+ background-color: #929292;
1343
+ }
1344
+ .bg-grey-500-darker {
1345
+ background-color: #787878;
1346
+ }
1347
+ .bg-grey-500-complement {
1348
+ background-color: #ababab;
1349
+ }
1350
+ .bg-grey-500-invert {
1351
+ background-color: #545454;
1352
+ }
1353
+ .bg-grey-600 {
1354
+ background-color: #999999;
1355
+ }
1356
+ .bg-grey-600-light {
1357
+ background-color: #bfbfbf;
1358
+ }
1359
+ .bg-grey-600-lighter {
1360
+ background-color: #e6e6e6;
1361
+ }
1362
+ .bg-grey-600-dark {
1363
+ background-color: gray;
1364
+ }
1365
+ .bg-grey-600-darker {
1366
+ background-color: #666666;
1367
+ }
1368
+ .bg-grey-600-complement {
1369
+ background-color: #999999;
1370
+ }
1371
+ .bg-grey-600-invert {
1372
+ background-color: #666666;
1373
+ }
1374
+
1375
+ .bg-themed-palette-100 {
1376
+ color: black;
1377
+ text-shadow: 0 0 0.125rem #dbdbdb;
1378
+ background-color: #f4f4f4;
1379
+ }
1380
+ .bg-themed-palette-100-light {
1381
+ color: black;
1382
+ background-color: white;
1383
+ }
1384
+ .bg-themed-palette-100-lighter {
1385
+ color: black;
1386
+ background-color: white;
1387
+ }
1388
+ .bg-themed-palette-100-dark {
1389
+ color: black;
1390
+ background-color: #dbdbdb;
1391
+ }
1392
+ .bg-themed-palette-100-darker {
1393
+ color: black;
1394
+ background-color: #c1c1c1;
1395
+ }
1396
+ .bg-themed-palette-100-complement {
1397
+ color: black;
1398
+ background-color: #f4f4f4;
1399
+ }
1400
+ .bg-themed-palette-100-invert {
1401
+ color: white;
1402
+ background-color: #0b0b0b;
1403
+ }
1404
+ .bg-themed-palette-200 {
1405
+ color: black;
1406
+ text-shadow: 0 0 0.125rem #c9c9c9;
1407
+ background-color: #e2e2e2;
1408
+ }
1409
+ .bg-themed-palette-200-light {
1410
+ color: black;
1411
+ background-color: white;
1412
+ }
1413
+ .bg-themed-palette-200-lighter {
1414
+ color: black;
1415
+ background-color: white;
1416
+ }
1417
+ .bg-themed-palette-200-dark {
1418
+ color: black;
1419
+ background-color: #c9c9c9;
1420
+ }
1421
+ .bg-themed-palette-200-darker {
1422
+ color: black;
1423
+ background-color: #afafaf;
1424
+ }
1425
+ .bg-themed-palette-200-complement {
1426
+ color: black;
1427
+ background-color: #e2e2e2;
1428
+ }
1429
+ .bg-themed-palette-200-invert {
1430
+ color: white;
1431
+ background-color: #1d1d1d;
1432
+ }
1433
+ .bg-themed-palette-300 {
1434
+ color: black;
1435
+ text-shadow: 0 0 0.125rem #b7b7b7;
1436
+ background-color: #d0d0d0;
1437
+ }
1438
+ .bg-themed-palette-300-light {
1439
+ color: black;
1440
+ background-color: #f6f6f6;
1441
+ }
1442
+ .bg-themed-palette-300-lighter {
1443
+ color: black;
1444
+ background-color: white;
1445
+ }
1446
+ .bg-themed-palette-300-dark {
1447
+ color: black;
1448
+ background-color: #b7b7b7;
1449
+ }
1450
+ .bg-themed-palette-300-darker {
1451
+ color: black;
1452
+ background-color: #9d9d9d;
1453
+ }
1454
+ .bg-themed-palette-300-complement {
1455
+ color: black;
1456
+ background-color: #d0d0d0;
1457
+ }
1458
+ .bg-themed-palette-300-invert {
1459
+ color: white;
1460
+ background-color: #2f2f2f;
1461
+ }
1462
+ .bg-themed-palette-400 {
1463
+ color: black;
1464
+ text-shadow: 0 0 0.125rem #a4a4a4;
1465
+ background-color: #bdbdbd;
1466
+ }
1467
+ .bg-themed-palette-400-light {
1468
+ color: black;
1469
+ background-color: #e3e3e3;
1470
+ }
1471
+ .bg-themed-palette-400-lighter {
1472
+ color: black;
1473
+ background-color: white;
1474
+ }
1475
+ .bg-themed-palette-400-dark {
1476
+ color: black;
1477
+ background-color: #a4a4a4;
1478
+ }
1479
+ .bg-themed-palette-400-darker {
1480
+ color: black;
1481
+ background-color: #8a8a8a;
1482
+ }
1483
+ .bg-themed-palette-400-complement {
1484
+ color: black;
1485
+ background-color: #bdbdbd;
1486
+ }
1487
+ .bg-themed-palette-400-invert {
1488
+ color: white;
1489
+ background-color: #424242;
1490
+ }
1491
+ .bg-themed-palette-500 {
1492
+ color: black;
1493
+ text-shadow: 0 0 0.125rem #929292;
1494
+ background-color: #ababab;
1495
+ }
1496
+ .bg-themed-palette-500-light {
1497
+ color: black;
1498
+ background-color: #d1d1d1;
1499
+ }
1500
+ .bg-themed-palette-500-lighter {
1501
+ color: black;
1502
+ background-color: #f8f8f8;
1503
+ }
1504
+ .bg-themed-palette-500-dark {
1505
+ color: black;
1506
+ background-color: #929292;
1507
+ }
1508
+ .bg-themed-palette-500-darker {
1509
+ color: white;
1510
+ background-color: #787878;
1511
+ }
1512
+ .bg-themed-palette-500-complement {
1513
+ color: black;
1514
+ background-color: #ababab;
1515
+ }
1516
+ .bg-themed-palette-500-invert {
1517
+ color: white;
1518
+ background-color: #545454;
1519
+ }
1520
+ .bg-themed-palette-600 {
1521
+ color: black;
1522
+ text-shadow: 0 0 0.125rem gray;
1523
+ background-color: #999999;
1524
+ }
1525
+ .bg-themed-palette-600-light {
1526
+ color: black;
1527
+ background-color: #bfbfbf;
1528
+ }
1529
+ .bg-themed-palette-600-lighter {
1530
+ color: black;
1531
+ background-color: #e6e6e6;
1532
+ }
1533
+ .bg-themed-palette-600-dark {
1534
+ color: black;
1535
+ background-color: gray;
1536
+ }
1537
+ .bg-themed-palette-600-darker {
1538
+ color: white;
1539
+ background-color: #666666;
1540
+ }
1541
+ .bg-themed-palette-600-complement {
1542
+ color: black;
1543
+ background-color: #999999;
1544
+ }
1545
+ .bg-themed-palette-600-invert {
1546
+ color: white;
1547
+ background-color: #666666;
1548
+ }
1549
+
1550
+ .border-color-grey-100 {
1551
+ border-color: #dbdbdb !important;
1552
+ }
1553
+ .border-color-grey-200 {
1554
+ border-color: #c9c9c9 !important;
1555
+ }
1556
+ .border-color-grey-300 {
1557
+ border-color: #b7b7b7 !important;
1558
+ }
1559
+ .border-color-grey-400 {
1560
+ border-color: #a4a4a4 !important;
1561
+ }
1562
+ .border-color-grey-500 {
1563
+ border-color: #929292 !important;
1564
+ }
1565
+ .border-color-grey-600 {
1566
+ border-color: gray !important;
1565
1567
  }