@diskette/palette 0.1.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 (61) hide show
  1. package/dist/amber-p3.css +95 -0
  2. package/dist/amber-tokens.css +32 -0
  3. package/dist/blue-p3.css +95 -0
  4. package/dist/blue-tokens.css +32 -0
  5. package/dist/bronze-p3.css +95 -0
  6. package/dist/brown-p3.css +95 -0
  7. package/dist/brown-tokens.css +32 -0
  8. package/dist/crimson-p3.css +95 -0
  9. package/dist/crimson-tokens.css +32 -0
  10. package/dist/cyan-p3.css +95 -0
  11. package/dist/cyan-tokens.css +32 -0
  12. package/dist/gold-p3.css +95 -0
  13. package/dist/grass-p3.css +95 -0
  14. package/dist/grass-tokens.css +32 -0
  15. package/dist/gray-p3.css +95 -0
  16. package/dist/gray-tokens.css +32 -0
  17. package/dist/green-p3.css +95 -0
  18. package/dist/green-tokens.css +32 -0
  19. package/dist/indigo-p3.css +95 -0
  20. package/dist/indigo-tokens.css +32 -0
  21. package/dist/iris-p3.css +95 -0
  22. package/dist/iris-tokens.css +32 -0
  23. package/dist/jade-p3.css +95 -0
  24. package/dist/jade-tokens.css +32 -0
  25. package/dist/lime-p3.css +95 -0
  26. package/dist/lime-tokens.css +32 -0
  27. package/dist/mauve-p3.css +95 -0
  28. package/dist/mauve-tokens.css +32 -0
  29. package/dist/mint-p3.css +95 -0
  30. package/dist/mint-tokens.css +32 -0
  31. package/dist/olive-p3.css +95 -0
  32. package/dist/olive-tokens.css +32 -0
  33. package/dist/orange-p3.css +95 -0
  34. package/dist/orange-tokens.css +32 -0
  35. package/dist/pink-p3.css +95 -0
  36. package/dist/pink-tokens.css +32 -0
  37. package/dist/plum-p3.css +95 -0
  38. package/dist/plum-tokens.css +32 -0
  39. package/dist/purple-p3.css +95 -0
  40. package/dist/purple-tokens.css +32 -0
  41. package/dist/red-p3.css +95 -0
  42. package/dist/red-tokens.css +32 -0
  43. package/dist/ruby-p3.css +95 -0
  44. package/dist/ruby-tokens.css +32 -0
  45. package/dist/sage-p3.css +95 -0
  46. package/dist/sage-tokens.css +32 -0
  47. package/dist/sand-p3.css +95 -0
  48. package/dist/sand-tokens.css +32 -0
  49. package/dist/sky-p3.css +95 -0
  50. package/dist/sky-tokens.css +32 -0
  51. package/dist/slate-p3.css +95 -0
  52. package/dist/slate-tokens.css +32 -0
  53. package/dist/teal-p3.css +95 -0
  54. package/dist/teal-tokens.css +32 -0
  55. package/dist/tomato-p3.css +95 -0
  56. package/dist/tomato-tokens.css +32 -0
  57. package/dist/violet-p3.css +95 -0
  58. package/dist/violet-tokens.css +32 -0
  59. package/dist/yellow-p3.css +95 -0
  60. package/dist/yellow-tokens.css +32 -0
  61. package/package.json +38 -0
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-indigo-1: var(--indigo-1);
3
+ --color-indigo-2: var(--indigo-2);
4
+ --color-indigo-3: var(--indigo-3);
5
+ --color-indigo-4: var(--indigo-4);
6
+ --color-indigo-5: var(--indigo-5);
7
+ --color-indigo-6: var(--indigo-6);
8
+ --color-indigo-7: var(--indigo-7);
9
+ --color-indigo-8: var(--indigo-8);
10
+ --color-indigo-9: var(--indigo-9);
11
+ --color-indigo-10: var(--indigo-10);
12
+ --color-indigo-11: var(--indigo-11);
13
+ --color-indigo-12: var(--indigo-12);
14
+
15
+ --color-indigo-a1: var(--indigo-a1);
16
+ --color-indigo-a2: var(--indigo-a2);
17
+ --color-indigo-a3: var(--indigo-a3);
18
+ --color-indigo-a4: var(--indigo-a4);
19
+ --color-indigo-a5: var(--indigo-a5);
20
+ --color-indigo-a6: var(--indigo-a6);
21
+ --color-indigo-a7: var(--indigo-a7);
22
+ --color-indigo-a8: var(--indigo-a8);
23
+ --color-indigo-a9: var(--indigo-a9);
24
+ --color-indigo-a10: var(--indigo-a10);
25
+ --color-indigo-a11: var(--indigo-a11);
26
+ --color-indigo-a12: var(--indigo-a12);
27
+
28
+ --color-indigo-contrast: var(--indigo-contrast);
29
+ --color-indigo-surface: var(--indigo-surface);
30
+ --color-indigo-indicator: var(--indigo-indicator);
31
+ --color-indigo-track: var(--indigo-track);
32
+ }
33
+
34
+ :root {
35
+ --indigo-1: color(display-p3 0.992 0.992 0.996);
36
+ --indigo-2: color(display-p3 0.971 0.977 0.998);
37
+ --indigo-3: color(display-p3 0.933 0.948 0.992);
38
+ --indigo-4: color(display-p3 0.885 0.914 1);
39
+ --indigo-5: color(display-p3 0.831 0.87 1);
40
+ --indigo-6: color(display-p3 0.767 0.814 0.995);
41
+ --indigo-7: color(display-p3 0.685 0.74 0.957);
42
+ --indigo-8: color(display-p3 0.569 0.639 0.916);
43
+ --indigo-9: color(display-p3 0.276 0.384 0.837);
44
+ --indigo-10: color(display-p3 0.234 0.343 0.801);
45
+ --indigo-11: color(display-p3 0.256 0.354 0.755);
46
+ --indigo-12: color(display-p3 0.133 0.175 0.348);
47
+
48
+ --indigo-a1: color(display-p3 0.02 0.02 0.51 / 0.008);
49
+ --indigo-a2: color(display-p3 0.024 0.161 0.863 / 0.028);
50
+ --indigo-a3: color(display-p3 0.008 0.239 0.886 / 0.067);
51
+ --indigo-a4: color(display-p3 0.004 0.247 1 / 0.114);
52
+ --indigo-a5: color(display-p3 0.004 0.235 1 / 0.169);
53
+ --indigo-a6: color(display-p3 0.004 0.208 0.984 / 0.232);
54
+ --indigo-a7: color(display-p3 0.004 0.176 0.863 / 0.314);
55
+ --indigo-a8: color(display-p3 0.004 0.165 0.812 / 0.432);
56
+ --indigo-a9: color(display-p3 0 0.153 0.773 / 0.726);
57
+ --indigo-a10: color(display-p3 0 0.137 0.737 / 0.765);
58
+ --indigo-a11: color(display-p3 0.256 0.354 0.755);
59
+ --indigo-a12: color(display-p3 0.133 0.175 0.348);
60
+
61
+ --indigo-contrast: white;
62
+ --indigo-surface: color(display-p3 0.9647 0.9725 0.9961 / 0.8);
63
+ --indigo-indicator: var(--indigo-9);
64
+ --indigo-track: var(--indigo-9);
65
+ }
66
+
67
+ .dark {
68
+ --indigo-1: color(display-p3 0.068 0.074 0.118);
69
+ --indigo-2: color(display-p3 0.081 0.089 0.144);
70
+ --indigo-3: color(display-p3 0.105 0.141 0.275);
71
+ --indigo-4: color(display-p3 0.129 0.18 0.369);
72
+ --indigo-5: color(display-p3 0.163 0.22 0.439);
73
+ --indigo-6: color(display-p3 0.203 0.262 0.5);
74
+ --indigo-7: color(display-p3 0.245 0.309 0.575);
75
+ --indigo-8: color(display-p3 0.285 0.362 0.674);
76
+ --indigo-9: color(display-p3 0.276 0.384 0.837);
77
+ --indigo-10: color(display-p3 0.354 0.445 0.866);
78
+ --indigo-11: color(display-p3 0.63 0.69 1);
79
+ --indigo-12: color(display-p3 0.848 0.881 0.99);
80
+
81
+ --indigo-a1: color(display-p3 0.071 0.212 0.996 / 0.055);
82
+ --indigo-a2: color(display-p3 0.251 0.345 0.988 / 0.085);
83
+ --indigo-a3: color(display-p3 0.243 0.404 1 / 0.223);
84
+ --indigo-a4: color(display-p3 0.263 0.42 1 / 0.324);
85
+ --indigo-a5: color(display-p3 0.314 0.451 1 / 0.4);
86
+ --indigo-a6: color(display-p3 0.361 0.49 1 / 0.467);
87
+ --indigo-a7: color(display-p3 0.388 0.51 1 / 0.547);
88
+ --indigo-a8: color(display-p3 0.404 0.518 1 / 0.652);
89
+ --indigo-a9: color(display-p3 0.318 0.451 1 / 0.824);
90
+ --indigo-a10: color(display-p3 0.404 0.506 1 / 0.858);
91
+ --indigo-a11: color(display-p3 0.63 0.69 1);
92
+ --indigo-a12: color(display-p3 0.848 0.881 0.99);
93
+
94
+ --indigo-surface: color(display-p3 0.0941 0.1098 0.2196 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='indigo'] {
2
+ --accent-1: var(--indigo-1);
3
+ --accent-2: var(--indigo-2);
4
+ --accent-3: var(--indigo-3);
5
+ --accent-4: var(--indigo-4);
6
+ --accent-5: var(--indigo-5);
7
+ --accent-6: var(--indigo-6);
8
+ --accent-7: var(--indigo-7);
9
+ --accent-8: var(--indigo-8);
10
+ --accent-9: var(--indigo-9);
11
+ --accent-10: var(--indigo-10);
12
+ --accent-11: var(--indigo-11);
13
+ --accent-12: var(--indigo-12);
14
+
15
+ --accent-a1: var(--indigo-a1);
16
+ --accent-a2: var(--indigo-a2);
17
+ --accent-a3: var(--indigo-a3);
18
+ --accent-a4: var(--indigo-a4);
19
+ --accent-a5: var(--indigo-a5);
20
+ --accent-a6: var(--indigo-a6);
21
+ --accent-a7: var(--indigo-a7);
22
+ --accent-a8: var(--indigo-a8);
23
+ --accent-a9: var(--indigo-a9);
24
+ --accent-a10: var(--indigo-a10);
25
+ --accent-a11: var(--indigo-a11);
26
+ --accent-a12: var(--indigo-a12);
27
+
28
+ --accent-contrast: var(--indigo-contrast);
29
+ --accent-surface: var(--indigo-surface);
30
+ --accent-indicator: var(--indigo-indicator);
31
+ --accent-track: var(--indigo-track);
32
+ }
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-iris-1: var(--iris-1);
3
+ --color-iris-2: var(--iris-2);
4
+ --color-iris-3: var(--iris-3);
5
+ --color-iris-4: var(--iris-4);
6
+ --color-iris-5: var(--iris-5);
7
+ --color-iris-6: var(--iris-6);
8
+ --color-iris-7: var(--iris-7);
9
+ --color-iris-8: var(--iris-8);
10
+ --color-iris-9: var(--iris-9);
11
+ --color-iris-10: var(--iris-10);
12
+ --color-iris-11: var(--iris-11);
13
+ --color-iris-12: var(--iris-12);
14
+
15
+ --color-iris-a1: var(--iris-a1);
16
+ --color-iris-a2: var(--iris-a2);
17
+ --color-iris-a3: var(--iris-a3);
18
+ --color-iris-a4: var(--iris-a4);
19
+ --color-iris-a5: var(--iris-a5);
20
+ --color-iris-a6: var(--iris-a6);
21
+ --color-iris-a7: var(--iris-a7);
22
+ --color-iris-a8: var(--iris-a8);
23
+ --color-iris-a9: var(--iris-a9);
24
+ --color-iris-a10: var(--iris-a10);
25
+ --color-iris-a11: var(--iris-a11);
26
+ --color-iris-a12: var(--iris-a12);
27
+
28
+ --color-iris-contrast: var(--iris-contrast);
29
+ --color-iris-surface: var(--iris-surface);
30
+ --color-iris-indicator: var(--iris-indicator);
31
+ --color-iris-track: var(--iris-track);
32
+ }
33
+
34
+ :root {
35
+ --iris-1: color(display-p3 0.992 0.992 0.999);
36
+ --iris-2: color(display-p3 0.972 0.973 0.998);
37
+ --iris-3: color(display-p3 0.943 0.945 0.992);
38
+ --iris-4: color(display-p3 0.902 0.906 1);
39
+ --iris-5: color(display-p3 0.857 0.861 1);
40
+ --iris-6: color(display-p3 0.799 0.805 0.987);
41
+ --iris-7: color(display-p3 0.721 0.727 0.955);
42
+ --iris-8: color(display-p3 0.61 0.619 0.918);
43
+ --iris-9: color(display-p3 0.357 0.357 0.81);
44
+ --iris-10: color(display-p3 0.318 0.318 0.774);
45
+ --iris-11: color(display-p3 0.337 0.326 0.748);
46
+ --iris-12: color(display-p3 0.154 0.161 0.371);
47
+
48
+ --iris-a1: color(display-p3 0.02 0.02 1 / 0.008);
49
+ --iris-a2: color(display-p3 0.024 0.024 0.863 / 0.028);
50
+ --iris-a3: color(display-p3 0.004 0.071 0.871 / 0.059);
51
+ --iris-a4: color(display-p3 0.012 0.051 1 / 0.099);
52
+ --iris-a5: color(display-p3 0.008 0.035 1 / 0.142);
53
+ --iris-a6: color(display-p3 0 0.02 0.941 / 0.2);
54
+ --iris-a7: color(display-p3 0.004 0.02 0.847 / 0.279);
55
+ --iris-a8: color(display-p3 0.004 0.024 0.788 / 0.389);
56
+ --iris-a9: color(display-p3 0 0 0.706 / 0.644);
57
+ --iris-a10: color(display-p3 0 0 0.667 / 0.683);
58
+ --iris-a11: color(display-p3 0.337 0.326 0.748);
59
+ --iris-a12: color(display-p3 0.154 0.161 0.371);
60
+
61
+ --iris-contrast: white;
62
+ --iris-surface: color(display-p3 0.9647 0.9647 0.9961 / 0.8);
63
+ --iris-indicator: var(--iris-9);
64
+ --iris-track: var(--iris-9);
65
+ }
66
+
67
+ .dark {
68
+ --iris-1: color(display-p3 0.075 0.075 0.114);
69
+ --iris-2: color(display-p3 0.089 0.086 0.14);
70
+ --iris-3: color(display-p3 0.128 0.134 0.272);
71
+ --iris-4: color(display-p3 0.153 0.165 0.382);
72
+ --iris-5: color(display-p3 0.192 0.201 0.44);
73
+ --iris-6: color(display-p3 0.239 0.241 0.491);
74
+ --iris-7: color(display-p3 0.291 0.289 0.565);
75
+ --iris-8: color(display-p3 0.35 0.345 0.673);
76
+ --iris-9: color(display-p3 0.357 0.357 0.81);
77
+ --iris-10: color(display-p3 0.428 0.416 0.843);
78
+ --iris-11: color(display-p3 0.685 0.662 1);
79
+ --iris-12: color(display-p3 0.878 0.875 0.986);
80
+
81
+ --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
82
+ --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
83
+ --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
84
+ --iris-a4: color(display-p3 0.325 0.361 1 / 0.337);
85
+ --iris-a5: color(display-p3 0.38 0.4 1 / 0.4);
86
+ --iris-a6: color(display-p3 0.447 0.447 1 / 0.454);
87
+ --iris-a7: color(display-p3 0.486 0.486 1 / 0.534);
88
+ --iris-a8: color(display-p3 0.502 0.494 1 / 0.652);
89
+ --iris-a9: color(display-p3 0.431 0.431 1 / 0.799);
90
+ --iris-a10: color(display-p3 0.502 0.486 1 / 0.832);
91
+ --iris-a11: color(display-p3 0.685 0.662 1);
92
+ --iris-a12: color(display-p3 0.878 0.875 0.986);
93
+
94
+ --iris-surface: color(display-p3 0.1098 0.102 0.2118 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='iris'] {
2
+ --accent-1: var(--iris-1);
3
+ --accent-2: var(--iris-2);
4
+ --accent-3: var(--iris-3);
5
+ --accent-4: var(--iris-4);
6
+ --accent-5: var(--iris-5);
7
+ --accent-6: var(--iris-6);
8
+ --accent-7: var(--iris-7);
9
+ --accent-8: var(--iris-8);
10
+ --accent-9: var(--iris-9);
11
+ --accent-10: var(--iris-10);
12
+ --accent-11: var(--iris-11);
13
+ --accent-12: var(--iris-12);
14
+
15
+ --accent-a1: var(--iris-a1);
16
+ --accent-a2: var(--iris-a2);
17
+ --accent-a3: var(--iris-a3);
18
+ --accent-a4: var(--iris-a4);
19
+ --accent-a5: var(--iris-a5);
20
+ --accent-a6: var(--iris-a6);
21
+ --accent-a7: var(--iris-a7);
22
+ --accent-a8: var(--iris-a8);
23
+ --accent-a9: var(--iris-a9);
24
+ --accent-a10: var(--iris-a10);
25
+ --accent-a11: var(--iris-a11);
26
+ --accent-a12: var(--iris-a12);
27
+
28
+ --accent-contrast: var(--iris-contrast);
29
+ --accent-surface: var(--iris-surface);
30
+ --accent-indicator: var(--iris-indicator);
31
+ --accent-track: var(--iris-track);
32
+ }
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-jade-1: var(--jade-1);
3
+ --color-jade-2: var(--jade-2);
4
+ --color-jade-3: var(--jade-3);
5
+ --color-jade-4: var(--jade-4);
6
+ --color-jade-5: var(--jade-5);
7
+ --color-jade-6: var(--jade-6);
8
+ --color-jade-7: var(--jade-7);
9
+ --color-jade-8: var(--jade-8);
10
+ --color-jade-9: var(--jade-9);
11
+ --color-jade-10: var(--jade-10);
12
+ --color-jade-11: var(--jade-11);
13
+ --color-jade-12: var(--jade-12);
14
+
15
+ --color-jade-a1: var(--jade-a1);
16
+ --color-jade-a2: var(--jade-a2);
17
+ --color-jade-a3: var(--jade-a3);
18
+ --color-jade-a4: var(--jade-a4);
19
+ --color-jade-a5: var(--jade-a5);
20
+ --color-jade-a6: var(--jade-a6);
21
+ --color-jade-a7: var(--jade-a7);
22
+ --color-jade-a8: var(--jade-a8);
23
+ --color-jade-a9: var(--jade-a9);
24
+ --color-jade-a10: var(--jade-a10);
25
+ --color-jade-a11: var(--jade-a11);
26
+ --color-jade-a12: var(--jade-a12);
27
+
28
+ --color-jade-contrast: var(--jade-contrast);
29
+ --color-jade-surface: var(--jade-surface);
30
+ --color-jade-indicator: var(--jade-indicator);
31
+ --color-jade-track: var(--jade-track);
32
+ }
33
+
34
+ :root {
35
+ --jade-1: color(display-p3 0.986 0.996 0.992);
36
+ --jade-2: color(display-p3 0.962 0.983 0.969);
37
+ --jade-3: color(display-p3 0.912 0.965 0.932);
38
+ --jade-4: color(display-p3 0.858 0.941 0.893);
39
+ --jade-5: color(display-p3 0.795 0.909 0.847);
40
+ --jade-6: color(display-p3 0.715 0.864 0.791);
41
+ --jade-7: color(display-p3 0.603 0.802 0.718);
42
+ --jade-8: color(display-p3 0.44 0.72 0.629);
43
+ --jade-9: color(display-p3 0.319 0.63 0.521);
44
+ --jade-10: color(display-p3 0.299 0.592 0.488);
45
+ --jade-11: color(display-p3 0.15 0.5 0.37);
46
+ --jade-12: color(display-p3 0.142 0.229 0.194);
47
+
48
+ --jade-a1: color(display-p3 0.024 0.757 0.514 / 0.016);
49
+ --jade-a2: color(display-p3 0.024 0.612 0.22 / 0.04);
50
+ --jade-a3: color(display-p3 0.012 0.596 0.235 / 0.087);
51
+ --jade-a4: color(display-p3 0.008 0.588 0.255 / 0.142);
52
+ --jade-a5: color(display-p3 0.004 0.561 0.251 / 0.204);
53
+ --jade-a6: color(display-p3 0.004 0.525 0.278 / 0.287);
54
+ --jade-a7: color(display-p3 0.004 0.506 0.29 / 0.397);
55
+ --jade-a8: color(display-p3 0 0.506 0.337 / 0.561);
56
+ --jade-a9: color(display-p3 0 0.459 0.298 / 0.683);
57
+ --jade-a10: color(display-p3 0 0.42 0.271 / 0.702);
58
+ --jade-a11: color(display-p3 0.15 0.5 0.37);
59
+ --jade-a12: color(display-p3 0.142 0.229 0.194);
60
+
61
+ --jade-contrast: white;
62
+ --jade-surface: color(display-p3 0.9529 0.9804 0.9608 / 0.8);
63
+ --jade-indicator: var(--jade-9);
64
+ --jade-track: var(--jade-9);
65
+ }
66
+
67
+ .dark {
68
+ --jade-1: color(display-p3 0.059 0.083 0.071);
69
+ --jade-2: color(display-p3 0.078 0.11 0.094);
70
+ --jade-3: color(display-p3 0.091 0.176 0.138);
71
+ --jade-4: color(display-p3 0.102 0.228 0.177);
72
+ --jade-5: color(display-p3 0.133 0.279 0.221);
73
+ --jade-6: color(display-p3 0.174 0.334 0.273);
74
+ --jade-7: color(display-p3 0.219 0.402 0.335);
75
+ --jade-8: color(display-p3 0.263 0.488 0.411);
76
+ --jade-9: color(display-p3 0.319 0.63 0.521);
77
+ --jade-10: color(display-p3 0.338 0.68 0.555);
78
+ --jade-11: color(display-p3 0.4 0.835 0.656);
79
+ --jade-12: color(display-p3 0.734 0.934 0.838);
80
+
81
+ --jade-a1: color(display-p3 0 0.992 0.298 / 0.017);
82
+ --jade-a2: color(display-p3 0.318 0.988 0.651 / 0.047);
83
+ --jade-a3: color(display-p3 0.267 1 0.667 / 0.118);
84
+ --jade-a4: color(display-p3 0.275 0.996 0.702 / 0.173);
85
+ --jade-a5: color(display-p3 0.361 1 0.741 / 0.227);
86
+ --jade-a6: color(display-p3 0.439 1 0.796 / 0.286);
87
+ --jade-a7: color(display-p3 0.49 1 0.804 / 0.362);
88
+ --jade-a8: color(display-p3 0.506 1 0.835 / 0.45);
89
+ --jade-a9: color(display-p3 0.478 0.996 0.816 / 0.606);
90
+ --jade-a10: color(display-p3 0.478 1 0.816 / 0.656);
91
+ --jade-a11: color(display-p3 0.4 0.835 0.656);
92
+ --jade-a12: color(display-p3 0.734 0.934 0.838);
93
+
94
+ --jade-surface: color(display-p3 0.0863 0.149 0.1176 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='jade'] {
2
+ --accent-1: var(--jade-1);
3
+ --accent-2: var(--jade-2);
4
+ --accent-3: var(--jade-3);
5
+ --accent-4: var(--jade-4);
6
+ --accent-5: var(--jade-5);
7
+ --accent-6: var(--jade-6);
8
+ --accent-7: var(--jade-7);
9
+ --accent-8: var(--jade-8);
10
+ --accent-9: var(--jade-9);
11
+ --accent-10: var(--jade-10);
12
+ --accent-11: var(--jade-11);
13
+ --accent-12: var(--jade-12);
14
+
15
+ --accent-a1: var(--jade-a1);
16
+ --accent-a2: var(--jade-a2);
17
+ --accent-a3: var(--jade-a3);
18
+ --accent-a4: var(--jade-a4);
19
+ --accent-a5: var(--jade-a5);
20
+ --accent-a6: var(--jade-a6);
21
+ --accent-a7: var(--jade-a7);
22
+ --accent-a8: var(--jade-a8);
23
+ --accent-a9: var(--jade-a9);
24
+ --accent-a10: var(--jade-a10);
25
+ --accent-a11: var(--jade-a11);
26
+ --accent-a12: var(--jade-a12);
27
+
28
+ --accent-contrast: var(--jade-contrast);
29
+ --accent-surface: var(--jade-surface);
30
+ --accent-indicator: var(--jade-indicator);
31
+ --accent-track: var(--jade-track);
32
+ }
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-lime-1: var(--lime-1);
3
+ --color-lime-2: var(--lime-2);
4
+ --color-lime-3: var(--lime-3);
5
+ --color-lime-4: var(--lime-4);
6
+ --color-lime-5: var(--lime-5);
7
+ --color-lime-6: var(--lime-6);
8
+ --color-lime-7: var(--lime-7);
9
+ --color-lime-8: var(--lime-8);
10
+ --color-lime-9: var(--lime-9);
11
+ --color-lime-10: var(--lime-10);
12
+ --color-lime-11: var(--lime-11);
13
+ --color-lime-12: var(--lime-12);
14
+
15
+ --color-lime-a1: var(--lime-a1);
16
+ --color-lime-a2: var(--lime-a2);
17
+ --color-lime-a3: var(--lime-a3);
18
+ --color-lime-a4: var(--lime-a4);
19
+ --color-lime-a5: var(--lime-a5);
20
+ --color-lime-a6: var(--lime-a6);
21
+ --color-lime-a7: var(--lime-a7);
22
+ --color-lime-a8: var(--lime-a8);
23
+ --color-lime-a9: var(--lime-a9);
24
+ --color-lime-a10: var(--lime-a10);
25
+ --color-lime-a11: var(--lime-a11);
26
+ --color-lime-a12: var(--lime-a12);
27
+
28
+ --color-lime-contrast: var(--lime-contrast);
29
+ --color-lime-surface: var(--lime-surface);
30
+ --color-lime-indicator: var(--lime-indicator);
31
+ --color-lime-track: var(--lime-track);
32
+ }
33
+
34
+ :root {
35
+ --lime-1: color(display-p3 0.989 0.992 0.981);
36
+ --lime-2: color(display-p3 0.975 0.98 0.954);
37
+ --lime-3: color(display-p3 0.939 0.965 0.851);
38
+ --lime-4: color(display-p3 0.896 0.94 0.76);
39
+ --lime-5: color(display-p3 0.843 0.903 0.678);
40
+ --lime-6: color(display-p3 0.778 0.852 0.599);
41
+ --lime-7: color(display-p3 0.694 0.784 0.508);
42
+ --lime-8: color(display-p3 0.585 0.707 0.378);
43
+ --lime-9: color(display-p3 0.78 0.928 0.466);
44
+ --lime-10: color(display-p3 0.734 0.896 0.397);
45
+ --lime-11: color(display-p3 0.386 0.482 0.227);
46
+ --lime-12: color(display-p3 0.222 0.25 0.128);
47
+
48
+ --lime-a1: color(display-p3 0.412 0.608 0.02 / 0.02);
49
+ --lime-a2: color(display-p3 0.514 0.592 0.024 / 0.048);
50
+ --lime-a3: color(display-p3 0.584 0.765 0.008 / 0.15);
51
+ --lime-a4: color(display-p3 0.561 0.757 0.004 / 0.24);
52
+ --lime-a5: color(display-p3 0.514 0.698 0.004 / 0.322);
53
+ --lime-a6: color(display-p3 0.443 0.627 0 / 0.4);
54
+ --lime-a7: color(display-p3 0.376 0.561 0.004 / 0.491);
55
+ --lime-a8: color(display-p3 0.333 0.529 0 / 0.624);
56
+ --lime-a9: color(display-p3 0.588 0.867 0 / 0.534);
57
+ --lime-a10: color(display-p3 0.561 0.827 0 / 0.604);
58
+ --lime-a11: color(display-p3 0.386 0.482 0.227);
59
+ --lime-a12: color(display-p3 0.222 0.25 0.128);
60
+
61
+ --lime-contrast: #1d211c; /* light mode olive 12 */
62
+ --lime-surface: color(display-p3 0.9725 0.9765 0.9412 / 0.8);
63
+ --lime-indicator: var(--lime-9);
64
+ --lime-track: var(--lime-9);
65
+ }
66
+
67
+ .dark {
68
+ --lime-1: color(display-p3 0.067 0.073 0.048);
69
+ --lime-2: color(display-p3 0.086 0.1 0.067);
70
+ --lime-3: color(display-p3 0.13 0.16 0.099);
71
+ --lime-4: color(display-p3 0.172 0.214 0.126);
72
+ --lime-5: color(display-p3 0.213 0.266 0.153);
73
+ --lime-6: color(display-p3 0.257 0.321 0.182);
74
+ --lime-7: color(display-p3 0.307 0.383 0.215);
75
+ --lime-8: color(display-p3 0.365 0.456 0.25);
76
+ --lime-9: color(display-p3 0.78 0.928 0.466);
77
+ --lime-10: color(display-p3 0.865 0.995 0.519);
78
+ --lime-11: color(display-p3 0.771 0.893 0.485);
79
+ --lime-12: color(display-p3 0.905 0.966 0.753);
80
+
81
+ --lime-a1: color(display-p3 0.067 0.941 0 / 0.009);
82
+ --lime-a2: color(display-p3 0.584 0.996 0.071 / 0.038);
83
+ --lime-a3: color(display-p3 0.69 1 0.38 / 0.101);
84
+ --lime-a4: color(display-p3 0.729 1 0.435 / 0.16);
85
+ --lime-a5: color(display-p3 0.745 1 0.471 / 0.215);
86
+ --lime-a6: color(display-p3 0.769 1 0.482 / 0.274);
87
+ --lime-a7: color(display-p3 0.769 1 0.506 / 0.341);
88
+ --lime-a8: color(display-p3 0.784 1 0.51 / 0.416);
89
+ --lime-a9: color(display-p3 0.839 1 0.502 / 0.925);
90
+ --lime-a10: color(display-p3 0.871 1 0.522 / 0.996);
91
+ --lime-a11: color(display-p3 0.771 0.893 0.485);
92
+ --lime-a12: color(display-p3 0.905 0.966 0.753);
93
+
94
+ --lime-surface: color(display-p3 0.1098 0.1255 0.0784 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='lime'] {
2
+ --accent-1: var(--lime-1);
3
+ --accent-2: var(--lime-2);
4
+ --accent-3: var(--lime-3);
5
+ --accent-4: var(--lime-4);
6
+ --accent-5: var(--lime-5);
7
+ --accent-6: var(--lime-6);
8
+ --accent-7: var(--lime-7);
9
+ --accent-8: var(--lime-8);
10
+ --accent-9: var(--lime-9);
11
+ --accent-10: var(--lime-10);
12
+ --accent-11: var(--lime-11);
13
+ --accent-12: var(--lime-12);
14
+
15
+ --accent-a1: var(--lime-a1);
16
+ --accent-a2: var(--lime-a2);
17
+ --accent-a3: var(--lime-a3);
18
+ --accent-a4: var(--lime-a4);
19
+ --accent-a5: var(--lime-a5);
20
+ --accent-a6: var(--lime-a6);
21
+ --accent-a7: var(--lime-a7);
22
+ --accent-a8: var(--lime-a8);
23
+ --accent-a9: var(--lime-a9);
24
+ --accent-a10: var(--lime-a10);
25
+ --accent-a11: var(--lime-a11);
26
+ --accent-a12: var(--lime-a12);
27
+
28
+ --accent-contrast: var(--lime-contrast);
29
+ --accent-surface: var(--lime-surface);
30
+ --accent-indicator: var(--lime-indicator);
31
+ --accent-track: var(--lime-track);
32
+ }
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-mauve-1: var(--mauve-1);
3
+ --color-mauve-2: var(--mauve-2);
4
+ --color-mauve-3: var(--mauve-3);
5
+ --color-mauve-4: var(--mauve-4);
6
+ --color-mauve-5: var(--mauve-5);
7
+ --color-mauve-6: var(--mauve-6);
8
+ --color-mauve-7: var(--mauve-7);
9
+ --color-mauve-8: var(--mauve-8);
10
+ --color-mauve-9: var(--mauve-9);
11
+ --color-mauve-10: var(--mauve-10);
12
+ --color-mauve-11: var(--mauve-11);
13
+ --color-mauve-12: var(--mauve-12);
14
+
15
+ --color-mauve-a1: var(--mauve-a1);
16
+ --color-mauve-a2: var(--mauve-a2);
17
+ --color-mauve-a3: var(--mauve-a3);
18
+ --color-mauve-a4: var(--mauve-a4);
19
+ --color-mauve-a5: var(--mauve-a5);
20
+ --color-mauve-a6: var(--mauve-a6);
21
+ --color-mauve-a7: var(--mauve-a7);
22
+ --color-mauve-a8: var(--mauve-a8);
23
+ --color-mauve-a9: var(--mauve-a9);
24
+ --color-mauve-a10: var(--mauve-a10);
25
+ --color-mauve-a11: var(--mauve-a11);
26
+ --color-mauve-a12: var(--mauve-a12);
27
+
28
+ --color-mauve-contrast: var(--mauve-contrast);
29
+ --color-mauve-surface: var(--mauve-surface);
30
+ --color-mauve-indicator: var(--mauve-indicator);
31
+ --color-mauve-track: var(--mauve-track);
32
+ }
33
+
34
+ :root {
35
+ --mauve-1: color(display-p3 0.991 0.988 0.992);
36
+ --mauve-2: color(display-p3 0.98 0.976 0.984);
37
+ --mauve-3: color(display-p3 0.946 0.938 0.952);
38
+ --mauve-4: color(display-p3 0.915 0.906 0.925);
39
+ --mauve-5: color(display-p3 0.886 0.876 0.901);
40
+ --mauve-6: color(display-p3 0.856 0.846 0.875);
41
+ --mauve-7: color(display-p3 0.814 0.804 0.84);
42
+ --mauve-8: color(display-p3 0.735 0.728 0.777);
43
+ --mauve-9: color(display-p3 0.555 0.549 0.596);
44
+ --mauve-10: color(display-p3 0.514 0.508 0.552);
45
+ --mauve-11: color(display-p3 0.395 0.388 0.424);
46
+ --mauve-12: color(display-p3 0.128 0.122 0.147);
47
+
48
+ --mauve-a1: color(display-p3 0.349 0.024 0.349 / 0.012);
49
+ --mauve-a2: color(display-p3 0.184 0.024 0.349 / 0.024);
50
+ --mauve-a3: color(display-p3 0.129 0.008 0.255 / 0.063);
51
+ --mauve-a4: color(display-p3 0.094 0.012 0.216 / 0.095);
52
+ --mauve-a5: color(display-p3 0.098 0.008 0.224 / 0.126);
53
+ --mauve-a6: color(display-p3 0.055 0.004 0.18 / 0.153);
54
+ --mauve-a7: color(display-p3 0.067 0.008 0.184 / 0.197);
55
+ --mauve-a8: color(display-p3 0.02 0.004 0.176 / 0.271);
56
+ --mauve-a9: color(display-p3 0.02 0.004 0.106 / 0.451);
57
+ --mauve-a10: color(display-p3 0.012 0.004 0.09 / 0.491);
58
+ --mauve-a11: color(display-p3 0.016 0 0.059 / 0.612);
59
+ --mauve-a12: color(display-p3 0.008 0 0.027 / 0.879);
60
+
61
+ --mauve-contrast: white;
62
+ --mauve-surface: color(display-p3 1 1 1 / 0.8);
63
+ --mauve-indicator: var(--mauve-9);
64
+ --mauve-track: var(--mauve-9);
65
+ }
66
+
67
+ .dark {
68
+ --mauve-1: color(display-p3 0.07 0.067 0.074);
69
+ --mauve-2: color(display-p3 0.101 0.098 0.105);
70
+ --mauve-3: color(display-p3 0.138 0.134 0.144);
71
+ --mauve-4: color(display-p3 0.167 0.161 0.175);
72
+ --mauve-5: color(display-p3 0.196 0.189 0.206);
73
+ --mauve-6: color(display-p3 0.232 0.225 0.245);
74
+ --mauve-7: color(display-p3 0.286 0.277 0.302);
75
+ --mauve-8: color(display-p3 0.383 0.373 0.408);
76
+ --mauve-9: color(display-p3 0.434 0.428 0.467);
77
+ --mauve-10: color(display-p3 0.487 0.48 0.519);
78
+ --mauve-11: color(display-p3 0.707 0.7 0.735);
79
+ --mauve-12: color(display-p3 0.933 0.933 0.94);
80
+
81
+ --mauve-a1: color(display-p3 0 0 0 / 0);
82
+ --mauve-a2: color(display-p3 0.996 0.992 1 / 0.034);
83
+ --mauve-a3: color(display-p3 0.937 0.933 0.992 / 0.077);
84
+ --mauve-a4: color(display-p3 0.957 0.918 0.996 / 0.111);
85
+ --mauve-a5: color(display-p3 0.937 0.906 0.996 / 0.145);
86
+ --mauve-a6: color(display-p3 0.953 0.925 0.996 / 0.183);
87
+ --mauve-a7: color(display-p3 0.945 0.929 1 / 0.246);
88
+ --mauve-a8: color(display-p3 0.937 0.918 1 / 0.361);
89
+ --mauve-a9: color(display-p3 0.933 0.918 1 / 0.424);
90
+ --mauve-a10: color(display-p3 0.941 0.925 1 / 0.479);
91
+ --mauve-a11: color(display-p3 0.965 0.961 1 / 0.712);
92
+ --mauve-a12: color(display-p3 0.992 0.992 1 / 0.937);
93
+
94
+ --mauve-surface: color(display-p3 0.1333 0.1255 0.1333 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='mauve'] {
2
+ --accent-1: var(--mauve-1);
3
+ --accent-2: var(--mauve-2);
4
+ --accent-3: var(--mauve-3);
5
+ --accent-4: var(--mauve-4);
6
+ --accent-5: var(--mauve-5);
7
+ --accent-6: var(--mauve-6);
8
+ --accent-7: var(--mauve-7);
9
+ --accent-8: var(--mauve-8);
10
+ --accent-9: var(--mauve-9);
11
+ --accent-10: var(--mauve-10);
12
+ --accent-11: var(--mauve-11);
13
+ --accent-12: var(--mauve-12);
14
+
15
+ --accent-a1: var(--mauve-a1);
16
+ --accent-a2: var(--mauve-a2);
17
+ --accent-a3: var(--mauve-a3);
18
+ --accent-a4: var(--mauve-a4);
19
+ --accent-a5: var(--mauve-a5);
20
+ --accent-a6: var(--mauve-a6);
21
+ --accent-a7: var(--mauve-a7);
22
+ --accent-a8: var(--mauve-a8);
23
+ --accent-a9: var(--mauve-a9);
24
+ --accent-a10: var(--mauve-a10);
25
+ --accent-a11: var(--mauve-a11);
26
+ --accent-a12: var(--mauve-a12);
27
+
28
+ --accent-contrast: var(--mauve-contrast);
29
+ --accent-surface: var(--mauve-surface);
30
+ --accent-indicator: var(--mauve-indicator);
31
+ --accent-track: var(--mauve-track);
32
+ }