@diskette/palette 0.1.0 → 0.2.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 (59) hide show
  1. package/dist/amber-accents.css +65 -0
  2. package/dist/blue-accents.css +65 -0
  3. package/dist/brown-accents.css +65 -0
  4. package/dist/crimson-accents.css +65 -0
  5. package/dist/cyan-accents.css +65 -0
  6. package/dist/grass-accents.css +65 -0
  7. package/dist/gray-accents.css +65 -0
  8. package/dist/green-accents.css +65 -0
  9. package/dist/indigo-accents.css +65 -0
  10. package/dist/iris-accents.css +65 -0
  11. package/dist/jade-accents.css +65 -0
  12. package/dist/lime-accents.css +65 -0
  13. package/dist/mauve-accents.css +65 -0
  14. package/dist/mint-accents.css +65 -0
  15. package/dist/olive-accents.css +65 -0
  16. package/dist/orange-accents.css +65 -0
  17. package/dist/pink-accents.css +65 -0
  18. package/dist/plum-accents.css +65 -0
  19. package/dist/purple-accents.css +65 -0
  20. package/dist/red-accents.css +65 -0
  21. package/dist/ruby-accents.css +65 -0
  22. package/dist/sage-accents.css +65 -0
  23. package/dist/sand-accents.css +65 -0
  24. package/dist/sky-accents.css +65 -0
  25. package/dist/slate-accents.css +65 -0
  26. package/dist/teal-accents.css +65 -0
  27. package/dist/tomato-accents.css +65 -0
  28. package/dist/violet-accents.css +65 -0
  29. package/dist/yellow-accents.css +65 -0
  30. package/package.json +1 -1
  31. package/dist/amber-tokens.css +0 -32
  32. package/dist/blue-tokens.css +0 -32
  33. package/dist/brown-tokens.css +0 -32
  34. package/dist/crimson-tokens.css +0 -32
  35. package/dist/cyan-tokens.css +0 -32
  36. package/dist/grass-tokens.css +0 -32
  37. package/dist/gray-tokens.css +0 -32
  38. package/dist/green-tokens.css +0 -32
  39. package/dist/indigo-tokens.css +0 -32
  40. package/dist/iris-tokens.css +0 -32
  41. package/dist/jade-tokens.css +0 -32
  42. package/dist/lime-tokens.css +0 -32
  43. package/dist/mauve-tokens.css +0 -32
  44. package/dist/mint-tokens.css +0 -32
  45. package/dist/olive-tokens.css +0 -32
  46. package/dist/orange-tokens.css +0 -32
  47. package/dist/pink-tokens.css +0 -32
  48. package/dist/plum-tokens.css +0 -32
  49. package/dist/purple-tokens.css +0 -32
  50. package/dist/red-tokens.css +0 -32
  51. package/dist/ruby-tokens.css +0 -32
  52. package/dist/sage-tokens.css +0 -32
  53. package/dist/sand-tokens.css +0 -32
  54. package/dist/sky-tokens.css +0 -32
  55. package/dist/slate-tokens.css +0 -32
  56. package/dist/teal-tokens.css +0 -32
  57. package/dist/tomato-tokens.css +0 -32
  58. package/dist/violet-tokens.css +0 -32
  59. package/dist/yellow-tokens.css +0 -32
package/dist/jade-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--jade-1);
3
+ --color-accent-2: var(--jade-2);
4
+ --color-accent-3: var(--jade-3);
5
+ --color-accent-4: var(--jade-4);
6
+ --color-accent-5: var(--jade-5);
7
+ --color-accent-6: var(--jade-6);
8
+ --color-accent-7: var(--jade-7);
9
+ --color-accent-8: var(--jade-8);
10
+ --color-accent-9: var(--jade-9);
11
+ --color-accent-10: var(--jade-10);
12
+ --color-accent-11: var(--jade-11);
13
+ --color-accent-12: var(--jade-12);
14
+
15
+ --color-accent-a1: var(--jade-a1);
16
+ --color-accent-a2: var(--jade-a2);
17
+ --color-accent-a3: var(--jade-a3);
18
+ --color-accent-a4: var(--jade-a4);
19
+ --color-accent-a5: var(--jade-a5);
20
+ --color-accent-a6: var(--jade-a6);
21
+ --color-accent-a7: var(--jade-a7);
22
+ --color-accent-a8: var(--jade-a8);
23
+ --color-accent-a9: var(--jade-a9);
24
+ --color-accent-a10: var(--jade-a10);
25
+ --color-accent-a11: var(--jade-a11);
26
+ --color-accent-a12: var(--jade-a12);
27
+
28
+ --color-accent-contrast: var(--jade-contrast);
29
+ --color-accent-surface: var(--jade-surface);
30
+ --color-accent-indicator: var(--jade-indicator);
31
+ --color-accent-track: var(--jade-track);
32
+ }
33
+
34
+ [data-accent-color='jade'] {
35
+ --accent-1: var(--jade-1);
36
+ --accent-2: var(--jade-2);
37
+ --accent-3: var(--jade-3);
38
+ --accent-4: var(--jade-4);
39
+ --accent-5: var(--jade-5);
40
+ --accent-6: var(--jade-6);
41
+ --accent-7: var(--jade-7);
42
+ --accent-8: var(--jade-8);
43
+ --accent-9: var(--jade-9);
44
+ --accent-10: var(--jade-10);
45
+ --accent-11: var(--jade-11);
46
+ --accent-12: var(--jade-12);
47
+
48
+ --accent-a1: var(--jade-a1);
49
+ --accent-a2: var(--jade-a2);
50
+ --accent-a3: var(--jade-a3);
51
+ --accent-a4: var(--jade-a4);
52
+ --accent-a5: var(--jade-a5);
53
+ --accent-a6: var(--jade-a6);
54
+ --accent-a7: var(--jade-a7);
55
+ --accent-a8: var(--jade-a8);
56
+ --accent-a9: var(--jade-a9);
57
+ --accent-a10: var(--jade-a10);
58
+ --accent-a11: var(--jade-a11);
59
+ --accent-a12: var(--jade-a12);
60
+
61
+ --accent-contrast: var(--jade-contrast);
62
+ --accent-surface: var(--jade-surface);
63
+ --accent-indicator: var(--jade-indicator);
64
+ --accent-track: var(--jade-track);
65
+ }
package/dist/lime-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--lime-1);
3
+ --color-accent-2: var(--lime-2);
4
+ --color-accent-3: var(--lime-3);
5
+ --color-accent-4: var(--lime-4);
6
+ --color-accent-5: var(--lime-5);
7
+ --color-accent-6: var(--lime-6);
8
+ --color-accent-7: var(--lime-7);
9
+ --color-accent-8: var(--lime-8);
10
+ --color-accent-9: var(--lime-9);
11
+ --color-accent-10: var(--lime-10);
12
+ --color-accent-11: var(--lime-11);
13
+ --color-accent-12: var(--lime-12);
14
+
15
+ --color-accent-a1: var(--lime-a1);
16
+ --color-accent-a2: var(--lime-a2);
17
+ --color-accent-a3: var(--lime-a3);
18
+ --color-accent-a4: var(--lime-a4);
19
+ --color-accent-a5: var(--lime-a5);
20
+ --color-accent-a6: var(--lime-a6);
21
+ --color-accent-a7: var(--lime-a7);
22
+ --color-accent-a8: var(--lime-a8);
23
+ --color-accent-a9: var(--lime-a9);
24
+ --color-accent-a10: var(--lime-a10);
25
+ --color-accent-a11: var(--lime-a11);
26
+ --color-accent-a12: var(--lime-a12);
27
+
28
+ --color-accent-contrast: var(--lime-contrast);
29
+ --color-accent-surface: var(--lime-surface);
30
+ --color-accent-indicator: var(--lime-indicator);
31
+ --color-accent-track: var(--lime-track);
32
+ }
33
+
34
+ [data-accent-color='lime'] {
35
+ --accent-1: var(--lime-1);
36
+ --accent-2: var(--lime-2);
37
+ --accent-3: var(--lime-3);
38
+ --accent-4: var(--lime-4);
39
+ --accent-5: var(--lime-5);
40
+ --accent-6: var(--lime-6);
41
+ --accent-7: var(--lime-7);
42
+ --accent-8: var(--lime-8);
43
+ --accent-9: var(--lime-9);
44
+ --accent-10: var(--lime-10);
45
+ --accent-11: var(--lime-11);
46
+ --accent-12: var(--lime-12);
47
+
48
+ --accent-a1: var(--lime-a1);
49
+ --accent-a2: var(--lime-a2);
50
+ --accent-a3: var(--lime-a3);
51
+ --accent-a4: var(--lime-a4);
52
+ --accent-a5: var(--lime-a5);
53
+ --accent-a6: var(--lime-a6);
54
+ --accent-a7: var(--lime-a7);
55
+ --accent-a8: var(--lime-a8);
56
+ --accent-a9: var(--lime-a9);
57
+ --accent-a10: var(--lime-a10);
58
+ --accent-a11: var(--lime-a11);
59
+ --accent-a12: var(--lime-a12);
60
+
61
+ --accent-contrast: var(--lime-contrast);
62
+ --accent-surface: var(--lime-surface);
63
+ --accent-indicator: var(--lime-indicator);
64
+ --accent-track: var(--lime-track);
65
+ }
package/dist/mauve-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--mauve-1);
3
+ --color-accent-2: var(--mauve-2);
4
+ --color-accent-3: var(--mauve-3);
5
+ --color-accent-4: var(--mauve-4);
6
+ --color-accent-5: var(--mauve-5);
7
+ --color-accent-6: var(--mauve-6);
8
+ --color-accent-7: var(--mauve-7);
9
+ --color-accent-8: var(--mauve-8);
10
+ --color-accent-9: var(--mauve-9);
11
+ --color-accent-10: var(--mauve-10);
12
+ --color-accent-11: var(--mauve-11);
13
+ --color-accent-12: var(--mauve-12);
14
+
15
+ --color-accent-a1: var(--mauve-a1);
16
+ --color-accent-a2: var(--mauve-a2);
17
+ --color-accent-a3: var(--mauve-a3);
18
+ --color-accent-a4: var(--mauve-a4);
19
+ --color-accent-a5: var(--mauve-a5);
20
+ --color-accent-a6: var(--mauve-a6);
21
+ --color-accent-a7: var(--mauve-a7);
22
+ --color-accent-a8: var(--mauve-a8);
23
+ --color-accent-a9: var(--mauve-a9);
24
+ --color-accent-a10: var(--mauve-a10);
25
+ --color-accent-a11: var(--mauve-a11);
26
+ --color-accent-a12: var(--mauve-a12);
27
+
28
+ --color-accent-contrast: var(--mauve-contrast);
29
+ --color-accent-surface: var(--mauve-surface);
30
+ --color-accent-indicator: var(--mauve-indicator);
31
+ --color-accent-track: var(--mauve-track);
32
+ }
33
+
34
+ [data-accent-color='mauve'] {
35
+ --accent-1: var(--mauve-1);
36
+ --accent-2: var(--mauve-2);
37
+ --accent-3: var(--mauve-3);
38
+ --accent-4: var(--mauve-4);
39
+ --accent-5: var(--mauve-5);
40
+ --accent-6: var(--mauve-6);
41
+ --accent-7: var(--mauve-7);
42
+ --accent-8: var(--mauve-8);
43
+ --accent-9: var(--mauve-9);
44
+ --accent-10: var(--mauve-10);
45
+ --accent-11: var(--mauve-11);
46
+ --accent-12: var(--mauve-12);
47
+
48
+ --accent-a1: var(--mauve-a1);
49
+ --accent-a2: var(--mauve-a2);
50
+ --accent-a3: var(--mauve-a3);
51
+ --accent-a4: var(--mauve-a4);
52
+ --accent-a5: var(--mauve-a5);
53
+ --accent-a6: var(--mauve-a6);
54
+ --accent-a7: var(--mauve-a7);
55
+ --accent-a8: var(--mauve-a8);
56
+ --accent-a9: var(--mauve-a9);
57
+ --accent-a10: var(--mauve-a10);
58
+ --accent-a11: var(--mauve-a11);
59
+ --accent-a12: var(--mauve-a12);
60
+
61
+ --accent-contrast: var(--mauve-contrast);
62
+ --accent-surface: var(--mauve-surface);
63
+ --accent-indicator: var(--mauve-indicator);
64
+ --accent-track: var(--mauve-track);
65
+ }
package/dist/mint-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--mint-1);
3
+ --color-accent-2: var(--mint-2);
4
+ --color-accent-3: var(--mint-3);
5
+ --color-accent-4: var(--mint-4);
6
+ --color-accent-5: var(--mint-5);
7
+ --color-accent-6: var(--mint-6);
8
+ --color-accent-7: var(--mint-7);
9
+ --color-accent-8: var(--mint-8);
10
+ --color-accent-9: var(--mint-9);
11
+ --color-accent-10: var(--mint-10);
12
+ --color-accent-11: var(--mint-11);
13
+ --color-accent-12: var(--mint-12);
14
+
15
+ --color-accent-a1: var(--mint-a1);
16
+ --color-accent-a2: var(--mint-a2);
17
+ --color-accent-a3: var(--mint-a3);
18
+ --color-accent-a4: var(--mint-a4);
19
+ --color-accent-a5: var(--mint-a5);
20
+ --color-accent-a6: var(--mint-a6);
21
+ --color-accent-a7: var(--mint-a7);
22
+ --color-accent-a8: var(--mint-a8);
23
+ --color-accent-a9: var(--mint-a9);
24
+ --color-accent-a10: var(--mint-a10);
25
+ --color-accent-a11: var(--mint-a11);
26
+ --color-accent-a12: var(--mint-a12);
27
+
28
+ --color-accent-contrast: var(--mint-contrast);
29
+ --color-accent-surface: var(--mint-surface);
30
+ --color-accent-indicator: var(--mint-indicator);
31
+ --color-accent-track: var(--mint-track);
32
+ }
33
+
34
+ [data-accent-color='mint'] {
35
+ --accent-1: var(--mint-1);
36
+ --accent-2: var(--mint-2);
37
+ --accent-3: var(--mint-3);
38
+ --accent-4: var(--mint-4);
39
+ --accent-5: var(--mint-5);
40
+ --accent-6: var(--mint-6);
41
+ --accent-7: var(--mint-7);
42
+ --accent-8: var(--mint-8);
43
+ --accent-9: var(--mint-9);
44
+ --accent-10: var(--mint-10);
45
+ --accent-11: var(--mint-11);
46
+ --accent-12: var(--mint-12);
47
+
48
+ --accent-a1: var(--mint-a1);
49
+ --accent-a2: var(--mint-a2);
50
+ --accent-a3: var(--mint-a3);
51
+ --accent-a4: var(--mint-a4);
52
+ --accent-a5: var(--mint-a5);
53
+ --accent-a6: var(--mint-a6);
54
+ --accent-a7: var(--mint-a7);
55
+ --accent-a8: var(--mint-a8);
56
+ --accent-a9: var(--mint-a9);
57
+ --accent-a10: var(--mint-a10);
58
+ --accent-a11: var(--mint-a11);
59
+ --accent-a12: var(--mint-a12);
60
+
61
+ --accent-contrast: var(--mint-contrast);
62
+ --accent-surface: var(--mint-surface);
63
+ --accent-indicator: var(--mint-indicator);
64
+ --accent-track: var(--mint-track);
65
+ }
package/dist/olive-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--olive-1);
3
+ --color-accent-2: var(--olive-2);
4
+ --color-accent-3: var(--olive-3);
5
+ --color-accent-4: var(--olive-4);
6
+ --color-accent-5: var(--olive-5);
7
+ --color-accent-6: var(--olive-6);
8
+ --color-accent-7: var(--olive-7);
9
+ --color-accent-8: var(--olive-8);
10
+ --color-accent-9: var(--olive-9);
11
+ --color-accent-10: var(--olive-10);
12
+ --color-accent-11: var(--olive-11);
13
+ --color-accent-12: var(--olive-12);
14
+
15
+ --color-accent-a1: var(--olive-a1);
16
+ --color-accent-a2: var(--olive-a2);
17
+ --color-accent-a3: var(--olive-a3);
18
+ --color-accent-a4: var(--olive-a4);
19
+ --color-accent-a5: var(--olive-a5);
20
+ --color-accent-a6: var(--olive-a6);
21
+ --color-accent-a7: var(--olive-a7);
22
+ --color-accent-a8: var(--olive-a8);
23
+ --color-accent-a9: var(--olive-a9);
24
+ --color-accent-a10: var(--olive-a10);
25
+ --color-accent-a11: var(--olive-a11);
26
+ --color-accent-a12: var(--olive-a12);
27
+
28
+ --color-accent-contrast: var(--olive-contrast);
29
+ --color-accent-surface: var(--olive-surface);
30
+ --color-accent-indicator: var(--olive-indicator);
31
+ --color-accent-track: var(--olive-track);
32
+ }
33
+
34
+ [data-accent-color='olive'] {
35
+ --accent-1: var(--olive-1);
36
+ --accent-2: var(--olive-2);
37
+ --accent-3: var(--olive-3);
38
+ --accent-4: var(--olive-4);
39
+ --accent-5: var(--olive-5);
40
+ --accent-6: var(--olive-6);
41
+ --accent-7: var(--olive-7);
42
+ --accent-8: var(--olive-8);
43
+ --accent-9: var(--olive-9);
44
+ --accent-10: var(--olive-10);
45
+ --accent-11: var(--olive-11);
46
+ --accent-12: var(--olive-12);
47
+
48
+ --accent-a1: var(--olive-a1);
49
+ --accent-a2: var(--olive-a2);
50
+ --accent-a3: var(--olive-a3);
51
+ --accent-a4: var(--olive-a4);
52
+ --accent-a5: var(--olive-a5);
53
+ --accent-a6: var(--olive-a6);
54
+ --accent-a7: var(--olive-a7);
55
+ --accent-a8: var(--olive-a8);
56
+ --accent-a9: var(--olive-a9);
57
+ --accent-a10: var(--olive-a10);
58
+ --accent-a11: var(--olive-a11);
59
+ --accent-a12: var(--olive-a12);
60
+
61
+ --accent-contrast: var(--olive-contrast);
62
+ --accent-surface: var(--olive-surface);
63
+ --accent-indicator: var(--olive-indicator);
64
+ --accent-track: var(--olive-track);
65
+ }
package/dist/orange-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--orange-1);
3
+ --color-accent-2: var(--orange-2);
4
+ --color-accent-3: var(--orange-3);
5
+ --color-accent-4: var(--orange-4);
6
+ --color-accent-5: var(--orange-5);
7
+ --color-accent-6: var(--orange-6);
8
+ --color-accent-7: var(--orange-7);
9
+ --color-accent-8: var(--orange-8);
10
+ --color-accent-9: var(--orange-9);
11
+ --color-accent-10: var(--orange-10);
12
+ --color-accent-11: var(--orange-11);
13
+ --color-accent-12: var(--orange-12);
14
+
15
+ --color-accent-a1: var(--orange-a1);
16
+ --color-accent-a2: var(--orange-a2);
17
+ --color-accent-a3: var(--orange-a3);
18
+ --color-accent-a4: var(--orange-a4);
19
+ --color-accent-a5: var(--orange-a5);
20
+ --color-accent-a6: var(--orange-a6);
21
+ --color-accent-a7: var(--orange-a7);
22
+ --color-accent-a8: var(--orange-a8);
23
+ --color-accent-a9: var(--orange-a9);
24
+ --color-accent-a10: var(--orange-a10);
25
+ --color-accent-a11: var(--orange-a11);
26
+ --color-accent-a12: var(--orange-a12);
27
+
28
+ --color-accent-contrast: var(--orange-contrast);
29
+ --color-accent-surface: var(--orange-surface);
30
+ --color-accent-indicator: var(--orange-indicator);
31
+ --color-accent-track: var(--orange-track);
32
+ }
33
+
34
+ [data-accent-color='orange'] {
35
+ --accent-1: var(--orange-1);
36
+ --accent-2: var(--orange-2);
37
+ --accent-3: var(--orange-3);
38
+ --accent-4: var(--orange-4);
39
+ --accent-5: var(--orange-5);
40
+ --accent-6: var(--orange-6);
41
+ --accent-7: var(--orange-7);
42
+ --accent-8: var(--orange-8);
43
+ --accent-9: var(--orange-9);
44
+ --accent-10: var(--orange-10);
45
+ --accent-11: var(--orange-11);
46
+ --accent-12: var(--orange-12);
47
+
48
+ --accent-a1: var(--orange-a1);
49
+ --accent-a2: var(--orange-a2);
50
+ --accent-a3: var(--orange-a3);
51
+ --accent-a4: var(--orange-a4);
52
+ --accent-a5: var(--orange-a5);
53
+ --accent-a6: var(--orange-a6);
54
+ --accent-a7: var(--orange-a7);
55
+ --accent-a8: var(--orange-a8);
56
+ --accent-a9: var(--orange-a9);
57
+ --accent-a10: var(--orange-a10);
58
+ --accent-a11: var(--orange-a11);
59
+ --accent-a12: var(--orange-a12);
60
+
61
+ --accent-contrast: var(--orange-contrast);
62
+ --accent-surface: var(--orange-surface);
63
+ --accent-indicator: var(--orange-indicator);
64
+ --accent-track: var(--orange-track);
65
+ }
package/dist/pink-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--pink-1);
3
+ --color-accent-2: var(--pink-2);
4
+ --color-accent-3: var(--pink-3);
5
+ --color-accent-4: var(--pink-4);
6
+ --color-accent-5: var(--pink-5);
7
+ --color-accent-6: var(--pink-6);
8
+ --color-accent-7: var(--pink-7);
9
+ --color-accent-8: var(--pink-8);
10
+ --color-accent-9: var(--pink-9);
11
+ --color-accent-10: var(--pink-10);
12
+ --color-accent-11: var(--pink-11);
13
+ --color-accent-12: var(--pink-12);
14
+
15
+ --color-accent-a1: var(--pink-a1);
16
+ --color-accent-a2: var(--pink-a2);
17
+ --color-accent-a3: var(--pink-a3);
18
+ --color-accent-a4: var(--pink-a4);
19
+ --color-accent-a5: var(--pink-a5);
20
+ --color-accent-a6: var(--pink-a6);
21
+ --color-accent-a7: var(--pink-a7);
22
+ --color-accent-a8: var(--pink-a8);
23
+ --color-accent-a9: var(--pink-a9);
24
+ --color-accent-a10: var(--pink-a10);
25
+ --color-accent-a11: var(--pink-a11);
26
+ --color-accent-a12: var(--pink-a12);
27
+
28
+ --color-accent-contrast: var(--pink-contrast);
29
+ --color-accent-surface: var(--pink-surface);
30
+ --color-accent-indicator: var(--pink-indicator);
31
+ --color-accent-track: var(--pink-track);
32
+ }
33
+
34
+ [data-accent-color='pink'] {
35
+ --accent-1: var(--pink-1);
36
+ --accent-2: var(--pink-2);
37
+ --accent-3: var(--pink-3);
38
+ --accent-4: var(--pink-4);
39
+ --accent-5: var(--pink-5);
40
+ --accent-6: var(--pink-6);
41
+ --accent-7: var(--pink-7);
42
+ --accent-8: var(--pink-8);
43
+ --accent-9: var(--pink-9);
44
+ --accent-10: var(--pink-10);
45
+ --accent-11: var(--pink-11);
46
+ --accent-12: var(--pink-12);
47
+
48
+ --accent-a1: var(--pink-a1);
49
+ --accent-a2: var(--pink-a2);
50
+ --accent-a3: var(--pink-a3);
51
+ --accent-a4: var(--pink-a4);
52
+ --accent-a5: var(--pink-a5);
53
+ --accent-a6: var(--pink-a6);
54
+ --accent-a7: var(--pink-a7);
55
+ --accent-a8: var(--pink-a8);
56
+ --accent-a9: var(--pink-a9);
57
+ --accent-a10: var(--pink-a10);
58
+ --accent-a11: var(--pink-a11);
59
+ --accent-a12: var(--pink-a12);
60
+
61
+ --accent-contrast: var(--pink-contrast);
62
+ --accent-surface: var(--pink-surface);
63
+ --accent-indicator: var(--pink-indicator);
64
+ --accent-track: var(--pink-track);
65
+ }
package/dist/plum-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--plum-1);
3
+ --color-accent-2: var(--plum-2);
4
+ --color-accent-3: var(--plum-3);
5
+ --color-accent-4: var(--plum-4);
6
+ --color-accent-5: var(--plum-5);
7
+ --color-accent-6: var(--plum-6);
8
+ --color-accent-7: var(--plum-7);
9
+ --color-accent-8: var(--plum-8);
10
+ --color-accent-9: var(--plum-9);
11
+ --color-accent-10: var(--plum-10);
12
+ --color-accent-11: var(--plum-11);
13
+ --color-accent-12: var(--plum-12);
14
+
15
+ --color-accent-a1: var(--plum-a1);
16
+ --color-accent-a2: var(--plum-a2);
17
+ --color-accent-a3: var(--plum-a3);
18
+ --color-accent-a4: var(--plum-a4);
19
+ --color-accent-a5: var(--plum-a5);
20
+ --color-accent-a6: var(--plum-a6);
21
+ --color-accent-a7: var(--plum-a7);
22
+ --color-accent-a8: var(--plum-a8);
23
+ --color-accent-a9: var(--plum-a9);
24
+ --color-accent-a10: var(--plum-a10);
25
+ --color-accent-a11: var(--plum-a11);
26
+ --color-accent-a12: var(--plum-a12);
27
+
28
+ --color-accent-contrast: var(--plum-contrast);
29
+ --color-accent-surface: var(--plum-surface);
30
+ --color-accent-indicator: var(--plum-indicator);
31
+ --color-accent-track: var(--plum-track);
32
+ }
33
+
34
+ [data-accent-color='plum'] {
35
+ --accent-1: var(--plum-1);
36
+ --accent-2: var(--plum-2);
37
+ --accent-3: var(--plum-3);
38
+ --accent-4: var(--plum-4);
39
+ --accent-5: var(--plum-5);
40
+ --accent-6: var(--plum-6);
41
+ --accent-7: var(--plum-7);
42
+ --accent-8: var(--plum-8);
43
+ --accent-9: var(--plum-9);
44
+ --accent-10: var(--plum-10);
45
+ --accent-11: var(--plum-11);
46
+ --accent-12: var(--plum-12);
47
+
48
+ --accent-a1: var(--plum-a1);
49
+ --accent-a2: var(--plum-a2);
50
+ --accent-a3: var(--plum-a3);
51
+ --accent-a4: var(--plum-a4);
52
+ --accent-a5: var(--plum-a5);
53
+ --accent-a6: var(--plum-a6);
54
+ --accent-a7: var(--plum-a7);
55
+ --accent-a8: var(--plum-a8);
56
+ --accent-a9: var(--plum-a9);
57
+ --accent-a10: var(--plum-a10);
58
+ --accent-a11: var(--plum-a11);
59
+ --accent-a12: var(--plum-a12);
60
+
61
+ --accent-contrast: var(--plum-contrast);
62
+ --accent-surface: var(--plum-surface);
63
+ --accent-indicator: var(--plum-indicator);
64
+ --accent-track: var(--plum-track);
65
+ }
package/dist/purple-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--purple-1);
3
+ --color-accent-2: var(--purple-2);
4
+ --color-accent-3: var(--purple-3);
5
+ --color-accent-4: var(--purple-4);
6
+ --color-accent-5: var(--purple-5);
7
+ --color-accent-6: var(--purple-6);
8
+ --color-accent-7: var(--purple-7);
9
+ --color-accent-8: var(--purple-8);
10
+ --color-accent-9: var(--purple-9);
11
+ --color-accent-10: var(--purple-10);
12
+ --color-accent-11: var(--purple-11);
13
+ --color-accent-12: var(--purple-12);
14
+
15
+ --color-accent-a1: var(--purple-a1);
16
+ --color-accent-a2: var(--purple-a2);
17
+ --color-accent-a3: var(--purple-a3);
18
+ --color-accent-a4: var(--purple-a4);
19
+ --color-accent-a5: var(--purple-a5);
20
+ --color-accent-a6: var(--purple-a6);
21
+ --color-accent-a7: var(--purple-a7);
22
+ --color-accent-a8: var(--purple-a8);
23
+ --color-accent-a9: var(--purple-a9);
24
+ --color-accent-a10: var(--purple-a10);
25
+ --color-accent-a11: var(--purple-a11);
26
+ --color-accent-a12: var(--purple-a12);
27
+
28
+ --color-accent-contrast: var(--purple-contrast);
29
+ --color-accent-surface: var(--purple-surface);
30
+ --color-accent-indicator: var(--purple-indicator);
31
+ --color-accent-track: var(--purple-track);
32
+ }
33
+
34
+ [data-accent-color='purple'] {
35
+ --accent-1: var(--purple-1);
36
+ --accent-2: var(--purple-2);
37
+ --accent-3: var(--purple-3);
38
+ --accent-4: var(--purple-4);
39
+ --accent-5: var(--purple-5);
40
+ --accent-6: var(--purple-6);
41
+ --accent-7: var(--purple-7);
42
+ --accent-8: var(--purple-8);
43
+ --accent-9: var(--purple-9);
44
+ --accent-10: var(--purple-10);
45
+ --accent-11: var(--purple-11);
46
+ --accent-12: var(--purple-12);
47
+
48
+ --accent-a1: var(--purple-a1);
49
+ --accent-a2: var(--purple-a2);
50
+ --accent-a3: var(--purple-a3);
51
+ --accent-a4: var(--purple-a4);
52
+ --accent-a5: var(--purple-a5);
53
+ --accent-a6: var(--purple-a6);
54
+ --accent-a7: var(--purple-a7);
55
+ --accent-a8: var(--purple-a8);
56
+ --accent-a9: var(--purple-a9);
57
+ --accent-a10: var(--purple-a10);
58
+ --accent-a11: var(--purple-a11);
59
+ --accent-a12: var(--purple-a12);
60
+
61
+ --accent-contrast: var(--purple-contrast);
62
+ --accent-surface: var(--purple-surface);
63
+ --accent-indicator: var(--purple-indicator);
64
+ --accent-track: var(--purple-track);
65
+ }
package/dist/red-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--red-1);
3
+ --color-accent-2: var(--red-2);
4
+ --color-accent-3: var(--red-3);
5
+ --color-accent-4: var(--red-4);
6
+ --color-accent-5: var(--red-5);
7
+ --color-accent-6: var(--red-6);
8
+ --color-accent-7: var(--red-7);
9
+ --color-accent-8: var(--red-8);
10
+ --color-accent-9: var(--red-9);
11
+ --color-accent-10: var(--red-10);
12
+ --color-accent-11: var(--red-11);
13
+ --color-accent-12: var(--red-12);
14
+
15
+ --color-accent-a1: var(--red-a1);
16
+ --color-accent-a2: var(--red-a2);
17
+ --color-accent-a3: var(--red-a3);
18
+ --color-accent-a4: var(--red-a4);
19
+ --color-accent-a5: var(--red-a5);
20
+ --color-accent-a6: var(--red-a6);
21
+ --color-accent-a7: var(--red-a7);
22
+ --color-accent-a8: var(--red-a8);
23
+ --color-accent-a9: var(--red-a9);
24
+ --color-accent-a10: var(--red-a10);
25
+ --color-accent-a11: var(--red-a11);
26
+ --color-accent-a12: var(--red-a12);
27
+
28
+ --color-accent-contrast: var(--red-contrast);
29
+ --color-accent-surface: var(--red-surface);
30
+ --color-accent-indicator: var(--red-indicator);
31
+ --color-accent-track: var(--red-track);
32
+ }
33
+
34
+ [data-accent-color='red'] {
35
+ --accent-1: var(--red-1);
36
+ --accent-2: var(--red-2);
37
+ --accent-3: var(--red-3);
38
+ --accent-4: var(--red-4);
39
+ --accent-5: var(--red-5);
40
+ --accent-6: var(--red-6);
41
+ --accent-7: var(--red-7);
42
+ --accent-8: var(--red-8);
43
+ --accent-9: var(--red-9);
44
+ --accent-10: var(--red-10);
45
+ --accent-11: var(--red-11);
46
+ --accent-12: var(--red-12);
47
+
48
+ --accent-a1: var(--red-a1);
49
+ --accent-a2: var(--red-a2);
50
+ --accent-a3: var(--red-a3);
51
+ --accent-a4: var(--red-a4);
52
+ --accent-a5: var(--red-a5);
53
+ --accent-a6: var(--red-a6);
54
+ --accent-a7: var(--red-a7);
55
+ --accent-a8: var(--red-a8);
56
+ --accent-a9: var(--red-a9);
57
+ --accent-a10: var(--red-a10);
58
+ --accent-a11: var(--red-a11);
59
+ --accent-a12: var(--red-a12);
60
+
61
+ --accent-contrast: var(--red-contrast);
62
+ --accent-surface: var(--red-surface);
63
+ --accent-indicator: var(--red-indicator);
64
+ --accent-track: var(--red-track);
65
+ }