@alfalab/core-components-vars 9.17.0 → 9.19.0

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 (33) hide show
  1. package/colors-brand.css +10 -0
  2. package/colors-decorative-dark.css +600 -0
  3. package/colors-indigo.css +721 -721
  4. package/colors-monochrome-dark.css +78 -0
  5. package/colors-promo-dark.css +5 -0
  6. package/colors-promo.css +40 -0
  7. package/colors-qualitative-dark.css +68 -0
  8. package/colors-sequential-dark.css +98 -0
  9. package/cssm/colors-brand.css +10 -0
  10. package/cssm/colors-decorative-dark.css +600 -0
  11. package/cssm/colors-indigo.css +721 -721
  12. package/cssm/colors-monochrome-dark.css +78 -0
  13. package/cssm/colors-promo-dark.css +5 -0
  14. package/cssm/colors-promo.css +40 -0
  15. package/cssm/colors-qualitative-dark.css +68 -0
  16. package/cssm/colors-sequential-dark.css +98 -0
  17. package/moderncssm/colors-brand.css +10 -0
  18. package/moderncssm/colors-decorative-dark.css +600 -0
  19. package/moderncssm/colors-indigo.css +721 -721
  20. package/moderncssm/colors-monochrome-dark.css +78 -0
  21. package/moderncssm/colors-promo-dark.css +5 -0
  22. package/moderncssm/colors-promo.css +40 -0
  23. package/moderncssm/colors-qualitative-dark.css +68 -0
  24. package/moderncssm/colors-sequential-dark.css +98 -0
  25. package/package.json +1 -1
  26. package/src/colors-brand.css +10 -0
  27. package/src/colors-decorative-dark.css +600 -0
  28. package/src/colors-indigo.css +721 -721
  29. package/src/colors-monochrome-dark.css +78 -0
  30. package/src/colors-promo-dark.css +5 -0
  31. package/src/colors-promo.css +40 -0
  32. package/src/colors-qualitative-dark.css +68 -0
  33. package/src/colors-sequential-dark.css +98 -0
package/cssm/colors-monochrome-dark.css ADDED
@@ -0,0 +1,78 @@
1
+ :root {
2
+ --color-light-monochrome-black-2: var(--color-dark-monochrome-black-2);
3
+ --color-light-monochrome-black-2-inverted: var(--color-dark-monochrome-black-2-inverted);
4
+ --color-light-monochrome-black-4: var(--color-dark-monochrome-black-4);
5
+ --color-light-monochrome-black-4-inverted: var(--color-dark-monochrome-black-4-inverted);
6
+ --color-light-monochrome-black-6: var(--color-dark-monochrome-black-6);
7
+ --color-light-monochrome-black-6-inverted: var(--color-dark-monochrome-black-6-inverted);
8
+ --color-light-monochrome-black-8: var(--color-dark-monochrome-black-8);
9
+ --color-light-monochrome-black-8-inverted: var(--color-dark-monochrome-black-8-inverted);
10
+ --color-light-monochrome-black-10: var(--color-dark-monochrome-black-10);
11
+ --color-light-monochrome-black-10-inverted: var(--color-dark-monochrome-black-10-inverted);
12
+ --color-light-monochrome-black-12: var(--color-dark-monochrome-black-12);
13
+ --color-light-monochrome-black-12-inverted: var(--color-dark-monochrome-black-12-inverted);
14
+ --color-light-monochrome-black-16: var(--color-dark-monochrome-black-16);
15
+ --color-light-monochrome-black-16-inverted: var(--color-dark-monochrome-black-16-inverted);
16
+ --color-light-monochrome-black-20: var(--color-dark-monochrome-black-20);
17
+ --color-light-monochrome-black-20-inverted: var(--color-dark-monochrome-black-20-inverted);
18
+ --color-light-monochrome-black-24: var(--color-dark-monochrome-black-24);
19
+ --color-light-monochrome-black-24-inverted: var(--color-dark-monochrome-black-24-inverted);
20
+ --color-light-monochrome-black-32: var(--color-dark-monochrome-black-32);
21
+ --color-light-monochrome-black-32-inverted: var(--color-dark-monochrome-black-32-inverted);
22
+ --color-light-monochrome-black-40: var(--color-dark-monochrome-black-40);
23
+ --color-light-monochrome-black-40-inverted: var(--color-dark-monochrome-black-40-inverted);
24
+ --color-light-monochrome-black-44: var(--color-dark-monochrome-black-44);
25
+ --color-light-monochrome-black-44-inverted: var(--color-dark-monochrome-black-44-inverted);
26
+ --color-light-monochrome-black-48: var(--color-dark-monochrome-black-48);
27
+ --color-light-monochrome-black-48-inverted: var(--color-dark-monochrome-black-48-inverted);
28
+ --color-light-monochrome-black-56: var(--color-dark-monochrome-black-56);
29
+ --color-light-monochrome-black-56-inverted: var(--color-dark-monochrome-black-56-inverted);
30
+ --color-light-monochrome-black-64: var(--color-dark-monochrome-black-64);
31
+ --color-light-monochrome-black-64-inverted: var(--color-dark-monochrome-black-64-inverted);
32
+ --color-light-monochrome-black-72: var(--color-dark-monochrome-black-72);
33
+ --color-light-monochrome-black-72-inverted: var(--color-dark-monochrome-black-72-inverted);
34
+ --color-light-monochrome-black-80: var(--color-dark-monochrome-black-80);
35
+ --color-light-monochrome-black-80-inverted: var(--color-dark-monochrome-black-80-inverted);
36
+ --color-light-monochrome-black-88: var(--color-dark-monochrome-black-88);
37
+ --color-light-monochrome-black-88-inverted: var(--color-dark-monochrome-black-88-inverted);
38
+ --color-light-monochrome-black-100: var(--color-dark-monochrome-black-100);
39
+ --color-light-monochrome-black-100-inverted: var(--color-dark-monochrome-black-100-inverted);
40
+ --color-light-monochrome-white-2: var(--color-dark-monochrome-white-2);
41
+ --color-light-monochrome-white-2-inverted: var(--color-dark-monochrome-white-2-inverted);
42
+ --color-light-monochrome-white-4: var(--color-dark-monochrome-white-4);
43
+ --color-light-monochrome-white-4-inverted: var(--color-dark-monochrome-white-4-inverted);
44
+ --color-light-monochrome-white-6: var(--color-dark-monochrome-white-6);
45
+ --color-light-monochrome-white-6-inverted: var(--color-dark-monochrome-white-6-inverted);
46
+ --color-light-monochrome-white-8: var(--color-dark-monochrome-white-8);
47
+ --color-light-monochrome-white-8-inverted: var(--color-dark-monochrome-white-8-inverted);
48
+ --color-light-monochrome-white-10: var(--color-dark-monochrome-white-10);
49
+ --color-light-monochrome-white-10-inverted: var(--color-dark-monochrome-white-10-inverted);
50
+ --color-light-monochrome-white-12: var(--color-dark-monochrome-white-12);
51
+ --color-light-monochrome-white-12-inverted: var(--color-dark-monochrome-white-12-inverted);
52
+ --color-light-monochrome-white-16: var(--color-dark-monochrome-white-16);
53
+ --color-light-monochrome-white-16-inverted: var(--color-dark-monochrome-white-16-inverted);
54
+ --color-light-monochrome-white-20: var(--color-dark-monochrome-white-20);
55
+ --color-light-monochrome-white-20-inverted: var(--color-dark-monochrome-white-20-inverted);
56
+ --color-light-monochrome-white-24: var(--color-dark-monochrome-white-24);
57
+ --color-light-monochrome-white-24-inverted: var(--color-dark-monochrome-white-24-inverted);
58
+ --color-light-monochrome-white-32: var(--color-dark-monochrome-white-32);
59
+ --color-light-monochrome-white-32-inverted: var(--color-dark-monochrome-white-32-inverted);
60
+ --color-light-monochrome-white-40: var(--color-dark-monochrome-white-40);
61
+ --color-light-monochrome-white-40-inverted: var(--color-dark-monochrome-white-40-inverted);
62
+ --color-light-monochrome-white-44: var(--color-dark-monochrome-white-44);
63
+ --color-light-monochrome-white-44-inverted: var(--color-dark-monochrome-white-44-inverted);
64
+ --color-light-monochrome-white-48: var(--color-dark-monochrome-white-48);
65
+ --color-light-monochrome-white-48-inverted: var(--color-dark-monochrome-white-48-inverted);
66
+ --color-light-monochrome-white-56: var(--color-dark-monochrome-white-56);
67
+ --color-light-monochrome-white-56-inverted: var(--color-dark-monochrome-white-56-inverted);
68
+ --color-light-monochrome-white-64: var(--color-dark-monochrome-white-64);
69
+ --color-light-monochrome-white-64-inverted: var(--color-dark-monochrome-white-64-inverted);
70
+ --color-light-monochrome-white-72: var(--color-dark-monochrome-white-72);
71
+ --color-light-monochrome-white-72-inverted: var(--color-dark-monochrome-white-72-inverted);
72
+ --color-light-monochrome-white-80: var(--color-dark-monochrome-white-80);
73
+ --color-light-monochrome-white-80-inverted: var(--color-dark-monochrome-white-80-inverted);
74
+ --color-light-monochrome-white-88: var(--color-dark-monochrome-white-88);
75
+ --color-light-monochrome-white-88-inverted: var(--color-dark-monochrome-white-88-inverted);
76
+ --color-light-monochrome-white-100: var(--color-dark-monochrome-white-100);
77
+ --color-light-monochrome-white-100-inverted: var(--color-dark-monochrome-white-100-inverted);
78
+ }
package/cssm/colors-promo-dark.css ADDED
@@ -0,0 +1,5 @@
1
+ :root {
2
+ --color-light-promo-muted-menthol: var(--color-dark-promo-muted-menthol);
3
+ --color-light-promo-muted-sonata: var(--color-dark-promo-muted-sonata);
4
+ --color-light-promo-muted-tomato: var(--color-dark-promo-muted-tomato);
5
+ }
package/cssm/colors-promo.css ADDED
@@ -0,0 +1,40 @@
1
+ :root {
2
+ --color-dark-promo-muted-menthol: #1b2816;
3
+ --color-dark-promo-muted-sonata: #222a3e;
4
+ --color-dark-promo-muted-tomato: #3e2321;
5
+ --color-light-promo-muted-menthol: #eafae2;
6
+ --color-light-promo-muted-sonata: #e9f6fd;
7
+ --color-light-promo-muted-tomato: #fdf1f1;
8
+ --color-static-promo-chardonnay: #ffcf99;
9
+ --color-static-promo-conclave: #b3ccff;
10
+ --color-static-promo-gravel: #2a2c2f;
11
+ --color-static-promo-lagoon: #9df2f5;
12
+ --color-static-promo-menthol: #bff0a8;
13
+ --color-static-promo-oasis: #dfbfff;
14
+ --color-static-promo-pale-chardonnay: #ffe5c7;
15
+ --color-static-promo-pale-conclave: #d6e6ff;
16
+ --color-static-promo-pale-lagoon: #c5f8fa;
17
+ --color-static-promo-pale-oasis: #ebd6ff;
18
+ --color-static-promo-pale-pearl: #f1f4f4;
19
+ --color-static-promo-pale-primrose: #eaffb3;
20
+ --color-static-promo-pale-seafoam: #d6ffe7;
21
+ --color-static-promo-pale-tomato: #ffdbd8;
22
+ --color-static-promo-peach: #ffcbb3;
23
+ --color-static-promo-pearl: #eaeeee;
24
+ --color-static-promo-prelude: #c7bfff;
25
+ --color-static-promo-primrose: #d6f09a;
26
+ --color-static-promo-seafoam: #a0fac6;
27
+ --color-static-promo-sonata: #9edfff;
28
+ --color-static-promo-tomato: #ffcac7;
29
+ --color-static-promo-vibrant-chardonnay: #fa9319;
30
+ --color-static-promo-vibrant-conclave: #266fff;
31
+ --color-static-promo-vibrant-lagoon: #00e8f0;
32
+ --color-static-promo-vibrant-menthol: #31e300;
33
+ --color-static-promo-vibrant-oasis: #93f;
34
+ --color-static-promo-vibrant-peach: #ff681c;
35
+ --color-static-promo-vibrant-prelude: #6a4dff;
36
+ --color-static-promo-vibrant-primrose: #a8f000;
37
+ --color-static-promo-vibrant-seafoam: #00f064;
38
+ --color-static-promo-vibrant-sonata: #17a0e5;
39
+ --color-static-promo-vibrant-tomato: #ef3124;
40
+ }
package/cssm/colors-qualitative-dark.css ADDED
@@ -0,0 +1,68 @@
1
+ :root {
2
+ --color-light-qualitative-duocolor-set-a-1: var(--color-dark-qualitative-duocolor-set-a-1);
3
+ --color-light-qualitative-duocolor-set-a-2: var(--color-dark-qualitative-duocolor-set-a-2);
4
+ --color-light-qualitative-duocolor-set-b-1: var(--color-dark-qualitative-duocolor-set-b-1);
5
+ --color-light-qualitative-duocolor-set-b-2: var(--color-dark-qualitative-duocolor-set-b-2);
6
+ --color-light-qualitative-duocolor-set-c-1: var(--color-dark-qualitative-duocolor-set-c-1);
7
+ --color-light-qualitative-duocolor-set-c-2: var(--color-dark-qualitative-duocolor-set-c-2);
8
+ --color-light-qualitative-duocolor-set-d-1: var(--color-dark-qualitative-duocolor-set-d-1);
9
+ --color-light-qualitative-duocolor-set-d-2: var(--color-dark-qualitative-duocolor-set-d-2);
10
+ --color-light-qualitative-duocolor-set-e-1: var(--color-dark-qualitative-duocolor-set-e-1);
11
+ --color-light-qualitative-duocolor-set-e-2: var(--color-dark-qualitative-duocolor-set-e-2);
12
+ --color-light-qualitative-duocolor-set-f-1: var(--color-dark-qualitative-duocolor-set-f-1);
13
+ --color-light-qualitative-duocolor-set-f-2: var(--color-dark-qualitative-duocolor-set-f-2);
14
+ --color-light-qualitative-duocolor-set-g-1: var(--color-dark-qualitative-duocolor-set-g-1);
15
+ --color-light-qualitative-duocolor-set-g-2: var(--color-dark-qualitative-duocolor-set-g-2);
16
+ --color-light-qualitative-flexible-1: var(--color-dark-qualitative-flexible-1);
17
+ --color-light-qualitative-flexible-10: var(--color-dark-qualitative-flexible-10);
18
+ --color-light-qualitative-flexible-11: var(--color-dark-qualitative-flexible-11);
19
+ --color-light-qualitative-flexible-12: var(--color-dark-qualitative-flexible-12);
20
+ --color-light-qualitative-flexible-13: var(--color-dark-qualitative-flexible-13);
21
+ --color-light-qualitative-flexible-14: var(--color-dark-qualitative-flexible-14);
22
+ --color-light-qualitative-flexible-2: var(--color-dark-qualitative-flexible-2);
23
+ --color-light-qualitative-flexible-3: var(--color-dark-qualitative-flexible-3);
24
+ --color-light-qualitative-flexible-4: var(--color-dark-qualitative-flexible-4);
25
+ --color-light-qualitative-flexible-5: var(--color-dark-qualitative-flexible-5);
26
+ --color-light-qualitative-flexible-6: var(--color-dark-qualitative-flexible-6);
27
+ --color-light-qualitative-flexible-7: var(--color-dark-qualitative-flexible-7);
28
+ --color-light-qualitative-flexible-8: var(--color-dark-qualitative-flexible-8);
29
+ --color-light-qualitative-flexible-9: var(--color-dark-qualitative-flexible-9);
30
+ --color-light-qualitative-monocolor-blue: var(--color-dark-qualitative-monocolor-blue);
31
+ --color-light-qualitative-monocolor-green: var(--color-dark-qualitative-monocolor-green);
32
+ --color-light-qualitative-monocolor-indigo: var(--color-dark-qualitative-monocolor-indigo);
33
+ --color-light-qualitative-monocolor-magenta: var(--color-dark-qualitative-monocolor-magenta);
34
+ --color-light-qualitative-monocolor-orange: var(--color-dark-qualitative-monocolor-orange);
35
+ --color-light-qualitative-monocolor-pistachio: var(
36
+ --color-dark-qualitative-monocolor-pistachio
37
+ );
38
+ --color-light-qualitative-monocolor-red: var(--color-dark-qualitative-monocolor-red);
39
+ --color-light-qualitative-monocolor-teal: var(--color-dark-qualitative-monocolor-teal);
40
+ --color-light-qualitative-monocolor-yellow: var(--color-dark-qualitative-monocolor-yellow);
41
+ --color-light-qualitative-tetracolor-set-a-1: var(--color-dark-qualitative-tetracolor-set-a-1);
42
+ --color-light-qualitative-tetracolor-set-a-2: var(--color-dark-qualitative-tetracolor-set-a-2);
43
+ --color-light-qualitative-tetracolor-set-a-3: var(--color-dark-qualitative-tetracolor-set-a-3);
44
+ --color-light-qualitative-tetracolor-set-a-4: var(--color-dark-qualitative-tetracolor-set-a-4);
45
+ --color-light-qualitative-tetracolor-set-b-1: var(--color-dark-qualitative-tetracolor-set-b-1);
46
+ --color-light-qualitative-tetracolor-set-b-2: var(--color-dark-qualitative-tetracolor-set-b-2);
47
+ --color-light-qualitative-tetracolor-set-b-3: var(--color-dark-qualitative-tetracolor-set-b-3);
48
+ --color-light-qualitative-tetracolor-set-b-4: var(--color-dark-qualitative-tetracolor-set-b-4);
49
+ --color-light-qualitative-tetracolor-set-c-1: var(--color-dark-qualitative-tetracolor-set-c-1);
50
+ --color-light-qualitative-tetracolor-set-c-2: var(--color-dark-qualitative-tetracolor-set-c-2);
51
+ --color-light-qualitative-tetracolor-set-c-3: var(--color-dark-qualitative-tetracolor-set-c-3);
52
+ --color-light-qualitative-tetracolor-set-c-4: var(--color-dark-qualitative-tetracolor-set-c-4);
53
+ --color-light-qualitative-tricolor-set-a-1: var(--color-dark-qualitative-tricolor-set-a-1);
54
+ --color-light-qualitative-tricolor-set-a-2: var(--color-dark-qualitative-tricolor-set-a-2);
55
+ --color-light-qualitative-tricolor-set-a-3: var(--color-dark-qualitative-tricolor-set-a-3);
56
+ --color-light-qualitative-tricolor-set-b-1: var(--color-dark-qualitative-tricolor-set-b-1);
57
+ --color-light-qualitative-tricolor-set-b-2: var(--color-dark-qualitative-tricolor-set-b-2);
58
+ --color-light-qualitative-tricolor-set-b-3: var(--color-dark-qualitative-tricolor-set-b-3);
59
+ --color-light-qualitative-tricolor-set-c-1: var(--color-dark-qualitative-tricolor-set-c-1);
60
+ --color-light-qualitative-tricolor-set-c-2: var(--color-dark-qualitative-tricolor-set-c-2);
61
+ --color-light-qualitative-tricolor-set-c-3: var(--color-dark-qualitative-tricolor-set-c-3);
62
+ --color-light-qualitative-tricolor-set-d-1: var(--color-dark-qualitative-tricolor-set-d-1);
63
+ --color-light-qualitative-tricolor-set-d-2: var(--color-dark-qualitative-tricolor-set-d-2);
64
+ --color-light-qualitative-tricolor-set-d-3: var(--color-dark-qualitative-tricolor-set-d-3);
65
+ --color-light-qualitative-tricolor-set-e-1: var(--color-dark-qualitative-tricolor-set-e-1);
66
+ --color-light-qualitative-tricolor-set-e-2: var(--color-dark-qualitative-tricolor-set-e-2);
67
+ --color-light-qualitative-tricolor-set-e-3: var(--color-dark-qualitative-tricolor-set-e-3);
68
+ }
package/cssm/colors-sequential-dark.css ADDED
@@ -0,0 +1,98 @@
1
+ :root {
2
+ --color-light-sequential-blue-1: var(--color-dark-sequential-blue-1);
3
+ --color-light-sequential-blue-2: var(--color-dark-sequential-blue-2);
4
+ --color-light-sequential-blue-3: var(--color-dark-sequential-blue-3);
5
+ --color-light-sequential-blue-4: var(--color-dark-sequential-blue-4);
6
+ --color-light-sequential-blue-5: var(--color-dark-sequential-blue-5);
7
+ --color-light-sequential-blue-6: var(--color-dark-sequential-blue-6);
8
+ --color-light-sequential-blue-7: var(--color-dark-sequential-blue-7);
9
+ --color-light-sequential-blue-8: var(--color-dark-sequential-blue-8);
10
+ --color-light-sequential-cyan-1: var(--color-dark-sequential-cyan-1);
11
+ --color-light-sequential-cyan-2: var(--color-dark-sequential-cyan-2);
12
+ --color-light-sequential-cyan-3: var(--color-dark-sequential-cyan-3);
13
+ --color-light-sequential-cyan-4: var(--color-dark-sequential-cyan-4);
14
+ --color-light-sequential-cyan-5: var(--color-dark-sequential-cyan-5);
15
+ --color-light-sequential-cyan-6: var(--color-dark-sequential-cyan-6);
16
+ --color-light-sequential-cyan-7: var(--color-dark-sequential-cyan-7);
17
+ --color-light-sequential-cyan-8: var(--color-dark-sequential-cyan-8);
18
+ --color-light-sequential-fuchsia-1: var(--color-dark-sequential-fuchsia-1);
19
+ --color-light-sequential-fuchsia-2: var(--color-dark-sequential-fuchsia-2);
20
+ --color-light-sequential-fuchsia-3: var(--color-dark-sequential-fuchsia-3);
21
+ --color-light-sequential-fuchsia-4: var(--color-dark-sequential-fuchsia-4);
22
+ --color-light-sequential-fuchsia-5: var(--color-dark-sequential-fuchsia-5);
23
+ --color-light-sequential-fuchsia-6: var(--color-dark-sequential-fuchsia-6);
24
+ --color-light-sequential-fuchsia-7: var(--color-dark-sequential-fuchsia-7);
25
+ --color-light-sequential-fuchsia-8: var(--color-dark-sequential-fuchsia-8);
26
+ --color-light-sequential-green-1: var(--color-dark-sequential-green-1);
27
+ --color-light-sequential-green-2: var(--color-dark-sequential-green-2);
28
+ --color-light-sequential-green-3: var(--color-dark-sequential-green-3);
29
+ --color-light-sequential-green-4: var(--color-dark-sequential-green-4);
30
+ --color-light-sequential-green-5: var(--color-dark-sequential-green-5);
31
+ --color-light-sequential-green-6: var(--color-dark-sequential-green-6);
32
+ --color-light-sequential-green-7: var(--color-dark-sequential-green-7);
33
+ --color-light-sequential-green-8: var(--color-dark-sequential-green-8);
34
+ --color-light-sequential-indigo-1: var(--color-dark-sequential-indigo-1);
35
+ --color-light-sequential-indigo-2: var(--color-dark-sequential-indigo-2);
36
+ --color-light-sequential-indigo-3: var(--color-dark-sequential-indigo-3);
37
+ --color-light-sequential-indigo-4: var(--color-dark-sequential-indigo-4);
38
+ --color-light-sequential-indigo-5: var(--color-dark-sequential-indigo-5);
39
+ --color-light-sequential-indigo-6: var(--color-dark-sequential-indigo-6);
40
+ --color-light-sequential-indigo-7: var(--color-dark-sequential-indigo-7);
41
+ --color-light-sequential-indigo-8: var(--color-dark-sequential-indigo-8);
42
+ --color-light-sequential-jungle-1: var(--color-dark-sequential-jungle-1);
43
+ --color-light-sequential-jungle-2: var(--color-dark-sequential-jungle-2);
44
+ --color-light-sequential-jungle-3: var(--color-dark-sequential-jungle-3);
45
+ --color-light-sequential-jungle-4: var(--color-dark-sequential-jungle-4);
46
+ --color-light-sequential-jungle-5: var(--color-dark-sequential-jungle-5);
47
+ --color-light-sequential-jungle-6: var(--color-dark-sequential-jungle-6);
48
+ --color-light-sequential-jungle-7: var(--color-dark-sequential-jungle-7);
49
+ --color-light-sequential-jungle-8: var(--color-dark-sequential-jungle-8);
50
+ --color-light-sequential-magenta-1: var(--color-dark-sequential-magenta-1);
51
+ --color-light-sequential-magenta-2: var(--color-dark-sequential-magenta-2);
52
+ --color-light-sequential-magenta-3: var(--color-dark-sequential-magenta-3);
53
+ --color-light-sequential-magenta-4: var(--color-dark-sequential-magenta-4);
54
+ --color-light-sequential-magenta-5: var(--color-dark-sequential-magenta-5);
55
+ --color-light-sequential-magenta-6: var(--color-dark-sequential-magenta-6);
56
+ --color-light-sequential-magenta-7: var(--color-dark-sequential-magenta-7);
57
+ --color-light-sequential-magenta-8: var(--color-dark-sequential-magenta-8);
58
+ --color-light-sequential-orange-1: var(--color-dark-sequential-orange-1);
59
+ --color-light-sequential-orange-2: var(--color-dark-sequential-orange-2);
60
+ --color-light-sequential-orange-3: var(--color-dark-sequential-orange-3);
61
+ --color-light-sequential-orange-4: var(--color-dark-sequential-orange-4);
62
+ --color-light-sequential-orange-5: var(--color-dark-sequential-orange-5);
63
+ --color-light-sequential-orange-6: var(--color-dark-sequential-orange-6);
64
+ --color-light-sequential-orange-7: var(--color-dark-sequential-orange-7);
65
+ --color-light-sequential-orange-8: var(--color-dark-sequential-orange-8);
66
+ --color-light-sequential-pistachio-1: var(--color-dark-sequential-pistachio-1);
67
+ --color-light-sequential-pistachio-2: var(--color-dark-sequential-pistachio-2);
68
+ --color-light-sequential-pistachio-3: var(--color-dark-sequential-pistachio-3);
69
+ --color-light-sequential-pistachio-4: var(--color-dark-sequential-pistachio-4);
70
+ --color-light-sequential-pistachio-5: var(--color-dark-sequential-pistachio-5);
71
+ --color-light-sequential-pistachio-6: var(--color-dark-sequential-pistachio-6);
72
+ --color-light-sequential-pistachio-7: var(--color-dark-sequential-pistachio-7);
73
+ --color-light-sequential-pistachio-8: var(--color-dark-sequential-pistachio-8);
74
+ --color-light-sequential-purple-1: var(--color-dark-sequential-purple-1);
75
+ --color-light-sequential-purple-2: var(--color-dark-sequential-purple-2);
76
+ --color-light-sequential-purple-3: var(--color-dark-sequential-purple-3);
77
+ --color-light-sequential-purple-4: var(--color-dark-sequential-purple-4);
78
+ --color-light-sequential-purple-5: var(--color-dark-sequential-purple-5);
79
+ --color-light-sequential-purple-6: var(--color-dark-sequential-purple-6);
80
+ --color-light-sequential-purple-7: var(--color-dark-sequential-purple-7);
81
+ --color-light-sequential-purple-8: var(--color-dark-sequential-purple-8);
82
+ --color-light-sequential-red-1: var(--color-dark-sequential-red-1);
83
+ --color-light-sequential-red-2: var(--color-dark-sequential-red-2);
84
+ --color-light-sequential-red-3: var(--color-dark-sequential-red-3);
85
+ --color-light-sequential-red-4: var(--color-dark-sequential-red-4);
86
+ --color-light-sequential-red-5: var(--color-dark-sequential-red-5);
87
+ --color-light-sequential-red-6: var(--color-dark-sequential-red-6);
88
+ --color-light-sequential-red-7: var(--color-dark-sequential-red-7);
89
+ --color-light-sequential-red-8: var(--color-dark-sequential-red-8);
90
+ --color-light-sequential-teal-1: var(--color-dark-sequential-teal-1);
91
+ --color-light-sequential-teal-2: var(--color-dark-sequential-teal-2);
92
+ --color-light-sequential-teal-3: var(--color-dark-sequential-teal-3);
93
+ --color-light-sequential-teal-4: var(--color-dark-sequential-teal-4);
94
+ --color-light-sequential-teal-5: var(--color-dark-sequential-teal-5);
95
+ --color-light-sequential-teal-6: var(--color-dark-sequential-teal-6);
96
+ --color-light-sequential-teal-7: var(--color-dark-sequential-teal-7);
97
+ --color-light-sequential-teal-8: var(--color-dark-sequential-teal-8);
98
+ }
package/moderncssm/colors-brand.css ADDED
@@ -0,0 +1,10 @@
1
+ :root {
2
+ --color-static-brand-black: #000;
3
+ --color-static-brand-blue: #0056ff;
4
+ --color-static-brand-bright-blue: #00e8f0;
5
+ --color-static-brand-green: #31e300;
6
+ --color-static-brand-red: #ef3124;
7
+ --color-static-brand-violet: #6a4dff;
8
+ --color-static-brand-warm-green: #a8f000;
9
+ --color-static-brand-white: #fff;
10
+ }