@diskette/palette 0.7.0 → 0.9.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.
- package/README.md +233 -0
- package/dist/colors/amber.d.ts +128 -0
- package/dist/colors/amber.js +127 -0
- package/dist/colors/black-alpha.d.ts +31 -0
- package/dist/colors/black-alpha.js +30 -0
- package/dist/colors/blue.d.ts +128 -0
- package/dist/colors/blue.js +127 -0
- package/dist/colors/bronze.d.ts +128 -0
- package/dist/colors/bronze.js +127 -0
- package/dist/colors/brown.d.ts +128 -0
- package/dist/colors/brown.js +127 -0
- package/dist/colors/crimson.d.ts +128 -0
- package/dist/colors/crimson.js +127 -0
- package/dist/colors/cyan.d.ts +128 -0
- package/dist/colors/cyan.js +127 -0
- package/dist/colors/gold.d.ts +128 -0
- package/dist/colors/gold.js +127 -0
- package/dist/colors/grass.d.ts +128 -0
- package/dist/colors/grass.js +127 -0
- package/dist/colors/gray.d.ts +128 -0
- package/dist/colors/gray.js +127 -0
- package/dist/colors/green.d.ts +128 -0
- package/dist/colors/green.js +127 -0
- package/dist/colors/index.d.ts +33 -0
- package/dist/colors/index.js +33 -0
- package/dist/colors/indigo.d.ts +128 -0
- package/dist/colors/indigo.js +127 -0
- package/dist/colors/iris.d.ts +128 -0
- package/dist/colors/iris.js +127 -0
- package/dist/colors/jade.d.ts +128 -0
- package/dist/colors/jade.js +127 -0
- package/dist/colors/lime.d.ts +128 -0
- package/dist/colors/lime.js +127 -0
- package/dist/colors/mauve.d.ts +128 -0
- package/dist/colors/mauve.js +127 -0
- package/dist/colors/mint.d.ts +128 -0
- package/dist/colors/mint.js +127 -0
- package/dist/colors/olive.d.ts +128 -0
- package/dist/colors/olive.js +127 -0
- package/dist/colors/orange.d.ts +128 -0
- package/dist/colors/orange.js +127 -0
- package/dist/colors/pink.d.ts +128 -0
- package/dist/colors/pink.js +127 -0
- package/dist/colors/plum.d.ts +128 -0
- package/dist/colors/plum.js +127 -0
- package/dist/colors/purple.d.ts +128 -0
- package/dist/colors/purple.js +127 -0
- package/dist/colors/red.d.ts +128 -0
- package/dist/colors/red.js +127 -0
- package/dist/colors/ruby.d.ts +128 -0
- package/dist/colors/ruby.js +127 -0
- package/dist/colors/sage.d.ts +128 -0
- package/dist/colors/sage.js +127 -0
- package/dist/colors/sand.d.ts +128 -0
- package/dist/colors/sand.js +127 -0
- package/dist/colors/sky.d.ts +128 -0
- package/dist/colors/sky.js +127 -0
- package/dist/colors/slate.d.ts +128 -0
- package/dist/colors/slate.js +127 -0
- package/dist/colors/teal.d.ts +128 -0
- package/dist/colors/teal.js +127 -0
- package/dist/colors/tomato.d.ts +128 -0
- package/dist/colors/tomato.js +127 -0
- package/dist/colors/violet.d.ts +128 -0
- package/dist/colors/violet.js +127 -0
- package/dist/colors/white-alpha.d.ts +31 -0
- package/dist/colors/white-alpha.js +30 -0
- package/dist/colors/yellow.d.ts +128 -0
- package/dist/colors/yellow.js +127 -0
- package/dist/index.d.ts +3911 -0
- package/dist/index.js +67 -0
- package/dist/lib.d.ts +30 -0
- package/dist/lib.js +87 -0
- package/dist/types.d.ts +40 -0
- package/dist/{colors.js → types.js} +0 -1
- package/package.json +7 -6
- package/dist/accents.css +0 -63
- package/dist/amber-accents.css +0 -32
- package/dist/amber-p3.css +0 -95
- package/dist/black-alpha.css +0 -29
- package/dist/blue-accents.css +0 -32
- package/dist/blue-p3.css +0 -95
- package/dist/bronze-accents.css +0 -32
- package/dist/bronze-p3.css +0 -95
- package/dist/brown-accents.css +0 -32
- package/dist/brown-p3.css +0 -95
- package/dist/colors.d.ts +0 -6
- package/dist/crimson-accents.css +0 -32
- package/dist/crimson-p3.css +0 -95
- package/dist/cyan-accents.css +0 -32
- package/dist/cyan-p3.css +0 -95
- package/dist/gold-accents.css +0 -32
- package/dist/gold-p3.css +0 -95
- package/dist/grass-accents.css +0 -32
- package/dist/grass-p3.css +0 -95
- package/dist/gray-accents.css +0 -32
- package/dist/gray-p3.css +0 -95
- package/dist/green-accents.css +0 -32
- package/dist/green-p3.css +0 -95
- package/dist/indigo-accents.css +0 -32
- package/dist/indigo-p3.css +0 -95
- package/dist/iris-accents.css +0 -32
- package/dist/iris-p3.css +0 -95
- package/dist/jade-accents.css +0 -32
- package/dist/jade-p3.css +0 -95
- package/dist/lime-accents.css +0 -32
- package/dist/lime-p3.css +0 -95
- package/dist/mauve-accents.css +0 -65
- package/dist/mauve-p3.css +0 -95
- package/dist/mint-accents.css +0 -32
- package/dist/mint-p3.css +0 -95
- package/dist/olive-accents.css +0 -65
- package/dist/olive-p3.css +0 -95
- package/dist/orange-accents.css +0 -32
- package/dist/orange-p3.css +0 -95
- package/dist/pink-accents.css +0 -32
- package/dist/pink-p3.css +0 -95
- package/dist/plum-accents.css +0 -32
- package/dist/plum-p3.css +0 -95
- package/dist/purple-accents.css +0 -32
- package/dist/purple-p3.css +0 -95
- package/dist/red-accents.css +0 -32
- package/dist/red-p3.css +0 -95
- package/dist/ruby-accents.css +0 -32
- package/dist/ruby-p3.css +0 -95
- package/dist/sage-accents.css +0 -65
- package/dist/sage-p3.css +0 -95
- package/dist/sand-accents.css +0 -65
- package/dist/sand-p3.css +0 -95
- package/dist/sky-accents.css +0 -32
- package/dist/sky-p3.css +0 -95
- package/dist/slate-accents.css +0 -65
- package/dist/slate-p3.css +0 -95
- package/dist/teal-accents.css +0 -32
- package/dist/teal-p3.css +0 -95
- package/dist/tomato-accents.css +0 -32
- package/dist/tomato-p3.css +0 -95
- package/dist/violet-accents.css +0 -32
- package/dist/violet-p3.css +0 -95
- package/dist/white-alpha.css +0 -29
- package/dist/yellow-accents.css +0 -32
- package/dist/yellow-p3.css +0 -95
package/dist/bronze-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-bronze-1: var(--bronze-1);
|
|
3
|
-
--color-bronze-2: var(--bronze-2);
|
|
4
|
-
--color-bronze-3: var(--bronze-3);
|
|
5
|
-
--color-bronze-4: var(--bronze-4);
|
|
6
|
-
--color-bronze-5: var(--bronze-5);
|
|
7
|
-
--color-bronze-6: var(--bronze-6);
|
|
8
|
-
--color-bronze-7: var(--bronze-7);
|
|
9
|
-
--color-bronze-8: var(--bronze-8);
|
|
10
|
-
--color-bronze-9: var(--bronze-9);
|
|
11
|
-
--color-bronze-10: var(--bronze-10);
|
|
12
|
-
--color-bronze-11: var(--bronze-11);
|
|
13
|
-
--color-bronze-12: var(--bronze-12);
|
|
14
|
-
|
|
15
|
-
--color-bronze-a1: var(--bronze-a1);
|
|
16
|
-
--color-bronze-a2: var(--bronze-a2);
|
|
17
|
-
--color-bronze-a3: var(--bronze-a3);
|
|
18
|
-
--color-bronze-a4: var(--bronze-a4);
|
|
19
|
-
--color-bronze-a5: var(--bronze-a5);
|
|
20
|
-
--color-bronze-a6: var(--bronze-a6);
|
|
21
|
-
--color-bronze-a7: var(--bronze-a7);
|
|
22
|
-
--color-bronze-a8: var(--bronze-a8);
|
|
23
|
-
--color-bronze-a9: var(--bronze-a9);
|
|
24
|
-
--color-bronze-a10: var(--bronze-a10);
|
|
25
|
-
--color-bronze-a11: var(--bronze-a11);
|
|
26
|
-
--color-bronze-a12: var(--bronze-a12);
|
|
27
|
-
|
|
28
|
-
--color-bronze-contrast: var(--bronze-contrast);
|
|
29
|
-
--color-bronze-surface: var(--bronze-surface);
|
|
30
|
-
--color-bronze-indicator: var(--bronze-indicator);
|
|
31
|
-
--color-bronze-track: var(--bronze-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--bronze-1: color(display-p3 0.991 0.988 0.988);
|
|
36
|
-
--bronze-2: color(display-p3 0.989 0.97 0.961);
|
|
37
|
-
--bronze-3: color(display-p3 0.958 0.932 0.919);
|
|
38
|
-
--bronze-4: color(display-p3 0.929 0.894 0.877);
|
|
39
|
-
--bronze-5: color(display-p3 0.898 0.853 0.832);
|
|
40
|
-
--bronze-6: color(display-p3 0.861 0.805 0.778);
|
|
41
|
-
--bronze-7: color(display-p3 0.812 0.739 0.706);
|
|
42
|
-
--bronze-8: color(display-p3 0.741 0.647 0.606);
|
|
43
|
-
--bronze-9: color(display-p3 0.611 0.507 0.455);
|
|
44
|
-
--bronze-10: color(display-p3 0.563 0.461 0.414);
|
|
45
|
-
--bronze-11: color(display-p3 0.471 0.373 0.336);
|
|
46
|
-
--bronze-12: color(display-p3 0.251 0.191 0.172);
|
|
47
|
-
|
|
48
|
-
--bronze-a1: color(display-p3 0.349 0.024 0.024 / 0.012);
|
|
49
|
-
--bronze-a2: color(display-p3 0.71 0.22 0.024 / 0.04);
|
|
50
|
-
--bronze-a3: color(display-p3 0.482 0.2 0.008 / 0.083);
|
|
51
|
-
--bronze-a4: color(display-p3 0.424 0.133 0.004 / 0.122);
|
|
52
|
-
--bronze-a5: color(display-p3 0.4 0.145 0.004 / 0.169);
|
|
53
|
-
--bronze-a6: color(display-p3 0.388 0.125 0.004 / 0.224);
|
|
54
|
-
--bronze-a7: color(display-p3 0.365 0.11 0.004 / 0.295);
|
|
55
|
-
--bronze-a8: color(display-p3 0.341 0.102 0.004 / 0.393);
|
|
56
|
-
--bronze-a9: color(display-p3 0.29 0.094 0 / 0.546);
|
|
57
|
-
--bronze-a10: color(display-p3 0.255 0.082 0 / 0.585);
|
|
58
|
-
--bronze-a11: color(display-p3 0.471 0.373 0.336);
|
|
59
|
-
--bronze-a12: color(display-p3 0.251 0.191 0.172);
|
|
60
|
-
|
|
61
|
-
--bronze-contrast: white;
|
|
62
|
-
--bronze-surface: color(display-p3 0.9843 0.9608 0.9529 / 0.8);
|
|
63
|
-
--bronze-indicator: var(--bronze-9);
|
|
64
|
-
--bronze-track: var(--bronze-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--bronze-1: color(display-p3 0.076 0.067 0.063);
|
|
69
|
-
--bronze-2: color(display-p3 0.106 0.097 0.093);
|
|
70
|
-
--bronze-3: color(display-p3 0.147 0.132 0.125);
|
|
71
|
-
--bronze-4: color(display-p3 0.185 0.166 0.156);
|
|
72
|
-
--bronze-5: color(display-p3 0.227 0.202 0.19);
|
|
73
|
-
--bronze-6: color(display-p3 0.278 0.246 0.23);
|
|
74
|
-
--bronze-7: color(display-p3 0.343 0.302 0.281);
|
|
75
|
-
--bronze-8: color(display-p3 0.426 0.374 0.347);
|
|
76
|
-
--bronze-9: color(display-p3 0.611 0.507 0.455);
|
|
77
|
-
--bronze-10: color(display-p3 0.66 0.556 0.504);
|
|
78
|
-
--bronze-11: color(display-p3 0.81 0.707 0.655);
|
|
79
|
-
--bronze-12: color(display-p3 0.921 0.88 0.854);
|
|
80
|
-
|
|
81
|
-
--bronze-a1: color(display-p3 0.941 0.067 0 / 0.009);
|
|
82
|
-
--bronze-a2: color(display-p3 0.98 0.8 0.706 / 0.043);
|
|
83
|
-
--bronze-a3: color(display-p3 0.988 0.851 0.761 / 0.085);
|
|
84
|
-
--bronze-a4: color(display-p3 0.996 0.839 0.78 / 0.127);
|
|
85
|
-
--bronze-a5: color(display-p3 0.996 0.863 0.773 / 0.173);
|
|
86
|
-
--bronze-a6: color(display-p3 1 0.863 0.796 / 0.227);
|
|
87
|
-
--bronze-a7: color(display-p3 1 0.867 0.8 / 0.295);
|
|
88
|
-
--bronze-a8: color(display-p3 1 0.859 0.788 / 0.387);
|
|
89
|
-
--bronze-a9: color(display-p3 1 0.82 0.733 / 0.585);
|
|
90
|
-
--bronze-a10: color(display-p3 1 0.839 0.761 / 0.635);
|
|
91
|
-
--bronze-a11: color(display-p3 0.81 0.707 0.655);
|
|
92
|
-
--bronze-a12: color(display-p3 0.921 0.88 0.854);
|
|
93
|
-
|
|
94
|
-
--bronze-surface: color(display-p3 0.1412 0.1255 0.1176 / 0.5);
|
|
95
|
-
}
|
package/dist/brown-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='brown'] {
|
|
2
|
-
--accent-1: var(--brown-1);
|
|
3
|
-
--accent-2: var(--brown-2);
|
|
4
|
-
--accent-3: var(--brown-3);
|
|
5
|
-
--accent-4: var(--brown-4);
|
|
6
|
-
--accent-5: var(--brown-5);
|
|
7
|
-
--accent-6: var(--brown-6);
|
|
8
|
-
--accent-7: var(--brown-7);
|
|
9
|
-
--accent-8: var(--brown-8);
|
|
10
|
-
--accent-9: var(--brown-9);
|
|
11
|
-
--accent-10: var(--brown-10);
|
|
12
|
-
--accent-11: var(--brown-11);
|
|
13
|
-
--accent-12: var(--brown-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--brown-a1);
|
|
16
|
-
--accent-a2: var(--brown-a2);
|
|
17
|
-
--accent-a3: var(--brown-a3);
|
|
18
|
-
--accent-a4: var(--brown-a4);
|
|
19
|
-
--accent-a5: var(--brown-a5);
|
|
20
|
-
--accent-a6: var(--brown-a6);
|
|
21
|
-
--accent-a7: var(--brown-a7);
|
|
22
|
-
--accent-a8: var(--brown-a8);
|
|
23
|
-
--accent-a9: var(--brown-a9);
|
|
24
|
-
--accent-a10: var(--brown-a10);
|
|
25
|
-
--accent-a11: var(--brown-a11);
|
|
26
|
-
--accent-a12: var(--brown-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--brown-contrast);
|
|
29
|
-
--accent-surface: var(--brown-surface);
|
|
30
|
-
--accent-indicator: var(--brown-indicator);
|
|
31
|
-
--accent-track: var(--brown-track);
|
|
32
|
-
}
|
package/dist/brown-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-brown-1: var(--brown-1);
|
|
3
|
-
--color-brown-2: var(--brown-2);
|
|
4
|
-
--color-brown-3: var(--brown-3);
|
|
5
|
-
--color-brown-4: var(--brown-4);
|
|
6
|
-
--color-brown-5: var(--brown-5);
|
|
7
|
-
--color-brown-6: var(--brown-6);
|
|
8
|
-
--color-brown-7: var(--brown-7);
|
|
9
|
-
--color-brown-8: var(--brown-8);
|
|
10
|
-
--color-brown-9: var(--brown-9);
|
|
11
|
-
--color-brown-10: var(--brown-10);
|
|
12
|
-
--color-brown-11: var(--brown-11);
|
|
13
|
-
--color-brown-12: var(--brown-12);
|
|
14
|
-
|
|
15
|
-
--color-brown-a1: var(--brown-a1);
|
|
16
|
-
--color-brown-a2: var(--brown-a2);
|
|
17
|
-
--color-brown-a3: var(--brown-a3);
|
|
18
|
-
--color-brown-a4: var(--brown-a4);
|
|
19
|
-
--color-brown-a5: var(--brown-a5);
|
|
20
|
-
--color-brown-a6: var(--brown-a6);
|
|
21
|
-
--color-brown-a7: var(--brown-a7);
|
|
22
|
-
--color-brown-a8: var(--brown-a8);
|
|
23
|
-
--color-brown-a9: var(--brown-a9);
|
|
24
|
-
--color-brown-a10: var(--brown-a10);
|
|
25
|
-
--color-brown-a11: var(--brown-a11);
|
|
26
|
-
--color-brown-a12: var(--brown-a12);
|
|
27
|
-
|
|
28
|
-
--color-brown-contrast: var(--brown-contrast);
|
|
29
|
-
--color-brown-surface: var(--brown-surface);
|
|
30
|
-
--color-brown-indicator: var(--brown-indicator);
|
|
31
|
-
--color-brown-track: var(--brown-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--brown-1: color(display-p3 0.995 0.992 0.989);
|
|
36
|
-
--brown-2: color(display-p3 0.987 0.976 0.964);
|
|
37
|
-
--brown-3: color(display-p3 0.959 0.936 0.909);
|
|
38
|
-
--brown-4: color(display-p3 0.934 0.897 0.855);
|
|
39
|
-
--brown-5: color(display-p3 0.909 0.856 0.798);
|
|
40
|
-
--brown-6: color(display-p3 0.88 0.808 0.73);
|
|
41
|
-
--brown-7: color(display-p3 0.841 0.742 0.639);
|
|
42
|
-
--brown-8: color(display-p3 0.782 0.647 0.514);
|
|
43
|
-
--brown-9: color(display-p3 0.651 0.505 0.368);
|
|
44
|
-
--brown-10: color(display-p3 0.601 0.465 0.344);
|
|
45
|
-
--brown-11: color(display-p3 0.485 0.374 0.288);
|
|
46
|
-
--brown-12: color(display-p3 0.236 0.202 0.183);
|
|
47
|
-
|
|
48
|
-
--brown-a1: color(display-p3 0.675 0.349 0.024 / 0.012);
|
|
49
|
-
--brown-a2: color(display-p3 0.675 0.349 0.024 / 0.036);
|
|
50
|
-
--brown-a3: color(display-p3 0.573 0.314 0.012 / 0.091);
|
|
51
|
-
--brown-a4: color(display-p3 0.545 0.302 0.008 / 0.146);
|
|
52
|
-
--brown-a5: color(display-p3 0.561 0.29 0.004 / 0.204);
|
|
53
|
-
--brown-a6: color(display-p3 0.553 0.294 0.004 / 0.271);
|
|
54
|
-
--brown-a7: color(display-p3 0.557 0.286 0.004 / 0.361);
|
|
55
|
-
--brown-a8: color(display-p3 0.549 0.275 0.004 / 0.487);
|
|
56
|
-
--brown-a9: color(display-p3 0.447 0.22 0 / 0.632);
|
|
57
|
-
--brown-a10: color(display-p3 0.388 0.188 0 / 0.655);
|
|
58
|
-
--brown-a11: color(display-p3 0.485 0.374 0.288);
|
|
59
|
-
--brown-a12: color(display-p3 0.236 0.202 0.183);
|
|
60
|
-
|
|
61
|
-
--brown-contrast: white;
|
|
62
|
-
--brown-surface: color(display-p3 0.9843 0.9725 0.9569 / 0.8);
|
|
63
|
-
--brown-indicator: var(--brown-9);
|
|
64
|
-
--brown-track: var(--brown-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--brown-1: color(display-p3 0.071 0.067 0.059);
|
|
69
|
-
--brown-2: color(display-p3 0.107 0.095 0.087);
|
|
70
|
-
--brown-3: color(display-p3 0.151 0.13 0.115);
|
|
71
|
-
--brown-4: color(display-p3 0.191 0.161 0.138);
|
|
72
|
-
--brown-5: color(display-p3 0.235 0.194 0.162);
|
|
73
|
-
--brown-6: color(display-p3 0.291 0.237 0.192);
|
|
74
|
-
--brown-7: color(display-p3 0.365 0.295 0.232);
|
|
75
|
-
--brown-8: color(display-p3 0.469 0.377 0.287);
|
|
76
|
-
--brown-9: color(display-p3 0.651 0.505 0.368);
|
|
77
|
-
--brown-10: color(display-p3 0.697 0.557 0.423);
|
|
78
|
-
--brown-11: color(display-p3 0.835 0.715 0.597);
|
|
79
|
-
--brown-12: color(display-p3 0.938 0.885 0.802);
|
|
80
|
-
|
|
81
|
-
--brown-a1: color(display-p3 0.855 0.071 0 / 0.005);
|
|
82
|
-
--brown-a2: color(display-p3 0.98 0.706 0.525 / 0.043);
|
|
83
|
-
--brown-a3: color(display-p3 0.996 0.745 0.576 / 0.093);
|
|
84
|
-
--brown-a4: color(display-p3 1 0.765 0.592 / 0.135);
|
|
85
|
-
--brown-a5: color(display-p3 1 0.761 0.588 / 0.181);
|
|
86
|
-
--brown-a6: color(display-p3 1 0.773 0.592 / 0.24);
|
|
87
|
-
--brown-a7: color(display-p3 0.996 0.776 0.58 / 0.32);
|
|
88
|
-
--brown-a8: color(display-p3 1 0.78 0.573 / 0.433);
|
|
89
|
-
--brown-a9: color(display-p3 1 0.769 0.549 / 0.627);
|
|
90
|
-
--brown-a10: color(display-p3 1 0.792 0.596 / 0.677);
|
|
91
|
-
--brown-a11: color(display-p3 0.835 0.715 0.597);
|
|
92
|
-
--brown-a12: color(display-p3 0.938 0.885 0.802);
|
|
93
|
-
|
|
94
|
-
--brown-surface: color(display-p3 0.1412 0.1176 0.102 / 0.5);
|
|
95
|
-
}
|
package/dist/colors.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const grayColors: readonly ["gray", "mauve", "slate", "sage", "olive", "sand"];
|
|
2
|
-
export type GrayColor = (typeof grayColors)[number];
|
|
3
|
-
export declare const accentColors: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
|
|
4
|
-
export type AccentColor = (typeof accentColors)[number];
|
|
5
|
-
export declare const colors: ("gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky")[];
|
|
6
|
-
export type Color = (typeof colors)[number];
|
package/dist/crimson-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='crimson'] {
|
|
2
|
-
--accent-1: var(--crimson-1);
|
|
3
|
-
--accent-2: var(--crimson-2);
|
|
4
|
-
--accent-3: var(--crimson-3);
|
|
5
|
-
--accent-4: var(--crimson-4);
|
|
6
|
-
--accent-5: var(--crimson-5);
|
|
7
|
-
--accent-6: var(--crimson-6);
|
|
8
|
-
--accent-7: var(--crimson-7);
|
|
9
|
-
--accent-8: var(--crimson-8);
|
|
10
|
-
--accent-9: var(--crimson-9);
|
|
11
|
-
--accent-10: var(--crimson-10);
|
|
12
|
-
--accent-11: var(--crimson-11);
|
|
13
|
-
--accent-12: var(--crimson-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--crimson-a1);
|
|
16
|
-
--accent-a2: var(--crimson-a2);
|
|
17
|
-
--accent-a3: var(--crimson-a3);
|
|
18
|
-
--accent-a4: var(--crimson-a4);
|
|
19
|
-
--accent-a5: var(--crimson-a5);
|
|
20
|
-
--accent-a6: var(--crimson-a6);
|
|
21
|
-
--accent-a7: var(--crimson-a7);
|
|
22
|
-
--accent-a8: var(--crimson-a8);
|
|
23
|
-
--accent-a9: var(--crimson-a9);
|
|
24
|
-
--accent-a10: var(--crimson-a10);
|
|
25
|
-
--accent-a11: var(--crimson-a11);
|
|
26
|
-
--accent-a12: var(--crimson-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--crimson-contrast);
|
|
29
|
-
--accent-surface: var(--crimson-surface);
|
|
30
|
-
--accent-indicator: var(--crimson-indicator);
|
|
31
|
-
--accent-track: var(--crimson-track);
|
|
32
|
-
}
|
package/dist/crimson-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-crimson-1: var(--crimson-1);
|
|
3
|
-
--color-crimson-2: var(--crimson-2);
|
|
4
|
-
--color-crimson-3: var(--crimson-3);
|
|
5
|
-
--color-crimson-4: var(--crimson-4);
|
|
6
|
-
--color-crimson-5: var(--crimson-5);
|
|
7
|
-
--color-crimson-6: var(--crimson-6);
|
|
8
|
-
--color-crimson-7: var(--crimson-7);
|
|
9
|
-
--color-crimson-8: var(--crimson-8);
|
|
10
|
-
--color-crimson-9: var(--crimson-9);
|
|
11
|
-
--color-crimson-10: var(--crimson-10);
|
|
12
|
-
--color-crimson-11: var(--crimson-11);
|
|
13
|
-
--color-crimson-12: var(--crimson-12);
|
|
14
|
-
|
|
15
|
-
--color-crimson-a1: var(--crimson-a1);
|
|
16
|
-
--color-crimson-a2: var(--crimson-a2);
|
|
17
|
-
--color-crimson-a3: var(--crimson-a3);
|
|
18
|
-
--color-crimson-a4: var(--crimson-a4);
|
|
19
|
-
--color-crimson-a5: var(--crimson-a5);
|
|
20
|
-
--color-crimson-a6: var(--crimson-a6);
|
|
21
|
-
--color-crimson-a7: var(--crimson-a7);
|
|
22
|
-
--color-crimson-a8: var(--crimson-a8);
|
|
23
|
-
--color-crimson-a9: var(--crimson-a9);
|
|
24
|
-
--color-crimson-a10: var(--crimson-a10);
|
|
25
|
-
--color-crimson-a11: var(--crimson-a11);
|
|
26
|
-
--color-crimson-a12: var(--crimson-a12);
|
|
27
|
-
|
|
28
|
-
--color-crimson-contrast: var(--crimson-contrast);
|
|
29
|
-
--color-crimson-surface: var(--crimson-surface);
|
|
30
|
-
--color-crimson-indicator: var(--crimson-indicator);
|
|
31
|
-
--color-crimson-track: var(--crimson-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--crimson-1: color(display-p3 0.998 0.989 0.992);
|
|
36
|
-
--crimson-2: color(display-p3 0.991 0.969 0.976);
|
|
37
|
-
--crimson-3: color(display-p3 0.987 0.917 0.941);
|
|
38
|
-
--crimson-4: color(display-p3 0.975 0.866 0.904);
|
|
39
|
-
--crimson-5: color(display-p3 0.953 0.813 0.864);
|
|
40
|
-
--crimson-6: color(display-p3 0.921 0.755 0.817);
|
|
41
|
-
--crimson-7: color(display-p3 0.88 0.683 0.761);
|
|
42
|
-
--crimson-8: color(display-p3 0.834 0.592 0.694);
|
|
43
|
-
--crimson-9: color(display-p3 0.843 0.298 0.507);
|
|
44
|
-
--crimson-10: color(display-p3 0.807 0.266 0.468);
|
|
45
|
-
--crimson-11: color(display-p3 0.731 0.195 0.388);
|
|
46
|
-
--crimson-12: color(display-p3 0.352 0.111 0.221);
|
|
47
|
-
|
|
48
|
-
--crimson-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
|
|
49
|
-
--crimson-a2: color(display-p3 0.757 0.02 0.267 / 0.032);
|
|
50
|
-
--crimson-a3: color(display-p3 0.859 0.008 0.294 / 0.083);
|
|
51
|
-
--crimson-a4: color(display-p3 0.827 0.008 0.298 / 0.134);
|
|
52
|
-
--crimson-a5: color(display-p3 0.753 0.008 0.275 / 0.189);
|
|
53
|
-
--crimson-a6: color(display-p3 0.682 0.004 0.247 / 0.244);
|
|
54
|
-
--crimson-a7: color(display-p3 0.62 0.004 0.251 / 0.318);
|
|
55
|
-
--crimson-a8: color(display-p3 0.6 0.004 0.251 / 0.408);
|
|
56
|
-
--crimson-a9: color(display-p3 0.776 0 0.298 / 0.702);
|
|
57
|
-
--crimson-a10: color(display-p3 0.737 0 0.275 / 0.734);
|
|
58
|
-
--crimson-a11: color(display-p3 0.731 0.195 0.388);
|
|
59
|
-
--crimson-a12: color(display-p3 0.352 0.111 0.221);
|
|
60
|
-
|
|
61
|
-
--crimson-contrast: white;
|
|
62
|
-
--crimson-surface: color(display-p3 0.9922 0.9608 0.9725 / 0.8);
|
|
63
|
-
--crimson-indicator: var(--crimson-9);
|
|
64
|
-
--crimson-track: var(--crimson-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--crimson-1: color(display-p3 0.093 0.068 0.078);
|
|
69
|
-
--crimson-2: color(display-p3 0.117 0.078 0.095);
|
|
70
|
-
--crimson-3: color(display-p3 0.203 0.091 0.143);
|
|
71
|
-
--crimson-4: color(display-p3 0.277 0.087 0.182);
|
|
72
|
-
--crimson-5: color(display-p3 0.332 0.115 0.22);
|
|
73
|
-
--crimson-6: color(display-p3 0.394 0.162 0.268);
|
|
74
|
-
--crimson-7: color(display-p3 0.489 0.222 0.336);
|
|
75
|
-
--crimson-8: color(display-p3 0.638 0.289 0.429);
|
|
76
|
-
--crimson-9: color(display-p3 0.843 0.298 0.507);
|
|
77
|
-
--crimson-10: color(display-p3 0.864 0.364 0.539);
|
|
78
|
-
--crimson-11: color(display-p3 1 0.56 0.66);
|
|
79
|
-
--crimson-12: color(display-p3 0.966 0.834 0.906);
|
|
80
|
-
|
|
81
|
-
--crimson-a1: color(display-p3 0.984 0.071 0.463 / 0.03);
|
|
82
|
-
--crimson-a2: color(display-p3 0.996 0.282 0.569 / 0.055);
|
|
83
|
-
--crimson-a3: color(display-p3 0.996 0.227 0.573 / 0.148);
|
|
84
|
-
--crimson-a4: color(display-p3 1 0.157 0.569 / 0.227);
|
|
85
|
-
--crimson-a5: color(display-p3 1 0.231 0.604 / 0.286);
|
|
86
|
-
--crimson-a6: color(display-p3 1 0.337 0.643 / 0.349);
|
|
87
|
-
--crimson-a7: color(display-p3 1 0.416 0.663 / 0.454);
|
|
88
|
-
--crimson-a8: color(display-p3 0.996 0.427 0.651 / 0.614);
|
|
89
|
-
--crimson-a9: color(display-p3 1 0.345 0.596 / 0.832);
|
|
90
|
-
--crimson-a10: color(display-p3 1 0.42 0.62 / 0.853);
|
|
91
|
-
--crimson-a11: color(display-p3 1 0.56 0.66);
|
|
92
|
-
--crimson-a12: color(display-p3 0.966 0.834 0.906);
|
|
93
|
-
|
|
94
|
-
--crimson-surface: color(display-p3 0.1647 0.0863 0.1176 / 0.5);
|
|
95
|
-
}
|
package/dist/cyan-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='cyan'] {
|
|
2
|
-
--accent-1: var(--cyan-1);
|
|
3
|
-
--accent-2: var(--cyan-2);
|
|
4
|
-
--accent-3: var(--cyan-3);
|
|
5
|
-
--accent-4: var(--cyan-4);
|
|
6
|
-
--accent-5: var(--cyan-5);
|
|
7
|
-
--accent-6: var(--cyan-6);
|
|
8
|
-
--accent-7: var(--cyan-7);
|
|
9
|
-
--accent-8: var(--cyan-8);
|
|
10
|
-
--accent-9: var(--cyan-9);
|
|
11
|
-
--accent-10: var(--cyan-10);
|
|
12
|
-
--accent-11: var(--cyan-11);
|
|
13
|
-
--accent-12: var(--cyan-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--cyan-a1);
|
|
16
|
-
--accent-a2: var(--cyan-a2);
|
|
17
|
-
--accent-a3: var(--cyan-a3);
|
|
18
|
-
--accent-a4: var(--cyan-a4);
|
|
19
|
-
--accent-a5: var(--cyan-a5);
|
|
20
|
-
--accent-a6: var(--cyan-a6);
|
|
21
|
-
--accent-a7: var(--cyan-a7);
|
|
22
|
-
--accent-a8: var(--cyan-a8);
|
|
23
|
-
--accent-a9: var(--cyan-a9);
|
|
24
|
-
--accent-a10: var(--cyan-a10);
|
|
25
|
-
--accent-a11: var(--cyan-a11);
|
|
26
|
-
--accent-a12: var(--cyan-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--cyan-contrast);
|
|
29
|
-
--accent-surface: var(--cyan-surface);
|
|
30
|
-
--accent-indicator: var(--cyan-indicator);
|
|
31
|
-
--accent-track: var(--cyan-track);
|
|
32
|
-
}
|
package/dist/cyan-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-cyan-1: var(--cyan-1);
|
|
3
|
-
--color-cyan-2: var(--cyan-2);
|
|
4
|
-
--color-cyan-3: var(--cyan-3);
|
|
5
|
-
--color-cyan-4: var(--cyan-4);
|
|
6
|
-
--color-cyan-5: var(--cyan-5);
|
|
7
|
-
--color-cyan-6: var(--cyan-6);
|
|
8
|
-
--color-cyan-7: var(--cyan-7);
|
|
9
|
-
--color-cyan-8: var(--cyan-8);
|
|
10
|
-
--color-cyan-9: var(--cyan-9);
|
|
11
|
-
--color-cyan-10: var(--cyan-10);
|
|
12
|
-
--color-cyan-11: var(--cyan-11);
|
|
13
|
-
--color-cyan-12: var(--cyan-12);
|
|
14
|
-
|
|
15
|
-
--color-cyan-a1: var(--cyan-a1);
|
|
16
|
-
--color-cyan-a2: var(--cyan-a2);
|
|
17
|
-
--color-cyan-a3: var(--cyan-a3);
|
|
18
|
-
--color-cyan-a4: var(--cyan-a4);
|
|
19
|
-
--color-cyan-a5: var(--cyan-a5);
|
|
20
|
-
--color-cyan-a6: var(--cyan-a6);
|
|
21
|
-
--color-cyan-a7: var(--cyan-a7);
|
|
22
|
-
--color-cyan-a8: var(--cyan-a8);
|
|
23
|
-
--color-cyan-a9: var(--cyan-a9);
|
|
24
|
-
--color-cyan-a10: var(--cyan-a10);
|
|
25
|
-
--color-cyan-a11: var(--cyan-a11);
|
|
26
|
-
--color-cyan-a12: var(--cyan-a12);
|
|
27
|
-
|
|
28
|
-
--color-cyan-contrast: var(--cyan-contrast);
|
|
29
|
-
--color-cyan-surface: var(--cyan-surface);
|
|
30
|
-
--color-cyan-indicator: var(--cyan-indicator);
|
|
31
|
-
--color-cyan-track: var(--cyan-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--cyan-1: color(display-p3 0.982 0.992 0.996);
|
|
36
|
-
--cyan-2: color(display-p3 0.955 0.981 0.984);
|
|
37
|
-
--cyan-3: color(display-p3 0.888 0.965 0.975);
|
|
38
|
-
--cyan-4: color(display-p3 0.821 0.941 0.959);
|
|
39
|
-
--cyan-5: color(display-p3 0.751 0.907 0.935);
|
|
40
|
-
--cyan-6: color(display-p3 0.671 0.862 0.9);
|
|
41
|
-
--cyan-7: color(display-p3 0.564 0.8 0.854);
|
|
42
|
-
--cyan-8: color(display-p3 0.388 0.715 0.798);
|
|
43
|
-
--cyan-9: color(display-p3 0.282 0.627 0.765);
|
|
44
|
-
--cyan-10: color(display-p3 0.264 0.583 0.71);
|
|
45
|
-
--cyan-11: color(display-p3 0.08 0.48 0.63);
|
|
46
|
-
--cyan-12: color(display-p3 0.108 0.232 0.277);
|
|
47
|
-
|
|
48
|
-
--cyan-a1: color(display-p3 0.02 0.608 0.804 / 0.02);
|
|
49
|
-
--cyan-a2: color(display-p3 0.02 0.557 0.647 / 0.044);
|
|
50
|
-
--cyan-a3: color(display-p3 0.004 0.694 0.796 / 0.114);
|
|
51
|
-
--cyan-a4: color(display-p3 0.004 0.678 0.784 / 0.181);
|
|
52
|
-
--cyan-a5: color(display-p3 0.004 0.624 0.733 / 0.248);
|
|
53
|
-
--cyan-a6: color(display-p3 0.004 0.584 0.706 / 0.33);
|
|
54
|
-
--cyan-a7: color(display-p3 0.004 0.541 0.667 / 0.436);
|
|
55
|
-
--cyan-a8: color(display-p3 0 0.533 0.667 / 0.612);
|
|
56
|
-
--cyan-a9: color(display-p3 0 0.482 0.675 / 0.718);
|
|
57
|
-
--cyan-a10: color(display-p3 0 0.435 0.608 / 0.738);
|
|
58
|
-
--cyan-a11: color(display-p3 0.08 0.48 0.63);
|
|
59
|
-
--cyan-a12: color(display-p3 0.108 0.232 0.277);
|
|
60
|
-
|
|
61
|
-
--cyan-contrast: white;
|
|
62
|
-
--cyan-surface: color(display-p3 0.9412 0.9765 0.9804 / 0.8);
|
|
63
|
-
--cyan-indicator: var(--cyan-9);
|
|
64
|
-
--cyan-track: var(--cyan-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--cyan-1: color(display-p3 0.053 0.085 0.098);
|
|
69
|
-
--cyan-2: color(display-p3 0.072 0.105 0.122);
|
|
70
|
-
--cyan-3: color(display-p3 0.073 0.168 0.209);
|
|
71
|
-
--cyan-4: color(display-p3 0.063 0.216 0.277);
|
|
72
|
-
--cyan-5: color(display-p3 0.091 0.267 0.336);
|
|
73
|
-
--cyan-6: color(display-p3 0.137 0.324 0.4);
|
|
74
|
-
--cyan-7: color(display-p3 0.186 0.398 0.484);
|
|
75
|
-
--cyan-8: color(display-p3 0.23 0.496 0.6);
|
|
76
|
-
--cyan-9: color(display-p3 0.282 0.627 0.765);
|
|
77
|
-
--cyan-10: color(display-p3 0.331 0.675 0.801);
|
|
78
|
-
--cyan-11: color(display-p3 0.446 0.79 0.887);
|
|
79
|
-
--cyan-12: color(display-p3 0.757 0.919 0.962);
|
|
80
|
-
|
|
81
|
-
--cyan-a1: color(display-p3 0 0.647 0.992 / 0.034);
|
|
82
|
-
--cyan-a2: color(display-p3 0.133 0.733 1 / 0.059);
|
|
83
|
-
--cyan-a3: color(display-p3 0.122 0.741 0.996 / 0.152);
|
|
84
|
-
--cyan-a4: color(display-p3 0.051 0.725 1 / 0.227);
|
|
85
|
-
--cyan-a5: color(display-p3 0.149 0.757 1 / 0.29);
|
|
86
|
-
--cyan-a6: color(display-p3 0.267 0.792 1 / 0.358);
|
|
87
|
-
--cyan-a7: color(display-p3 0.333 0.808 1 / 0.446);
|
|
88
|
-
--cyan-a8: color(display-p3 0.357 0.816 1 / 0.572);
|
|
89
|
-
--cyan-a9: color(display-p3 0.357 0.82 1 / 0.748);
|
|
90
|
-
--cyan-a10: color(display-p3 0.4 0.839 1 / 0.786);
|
|
91
|
-
--cyan-a11: color(display-p3 0.446 0.79 0.887);
|
|
92
|
-
--cyan-a12: color(display-p3 0.757 0.919 0.962);
|
|
93
|
-
|
|
94
|
-
--cyan-surface: color(display-p3 0.0784 0.1412 0.1725 / 0.5);
|
|
95
|
-
}
|
package/dist/gold-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='gold'] {
|
|
2
|
-
--accent-1: var(--gold-1);
|
|
3
|
-
--accent-2: var(--gold-2);
|
|
4
|
-
--accent-3: var(--gold-3);
|
|
5
|
-
--accent-4: var(--gold-4);
|
|
6
|
-
--accent-5: var(--gold-5);
|
|
7
|
-
--accent-6: var(--gold-6);
|
|
8
|
-
--accent-7: var(--gold-7);
|
|
9
|
-
--accent-8: var(--gold-8);
|
|
10
|
-
--accent-9: var(--gold-9);
|
|
11
|
-
--accent-10: var(--gold-10);
|
|
12
|
-
--accent-11: var(--gold-11);
|
|
13
|
-
--accent-12: var(--gold-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--gold-a1);
|
|
16
|
-
--accent-a2: var(--gold-a2);
|
|
17
|
-
--accent-a3: var(--gold-a3);
|
|
18
|
-
--accent-a4: var(--gold-a4);
|
|
19
|
-
--accent-a5: var(--gold-a5);
|
|
20
|
-
--accent-a6: var(--gold-a6);
|
|
21
|
-
--accent-a7: var(--gold-a7);
|
|
22
|
-
--accent-a8: var(--gold-a8);
|
|
23
|
-
--accent-a9: var(--gold-a9);
|
|
24
|
-
--accent-a10: var(--gold-a10);
|
|
25
|
-
--accent-a11: var(--gold-a11);
|
|
26
|
-
--accent-a12: var(--gold-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--gold-contrast);
|
|
29
|
-
--accent-surface: var(--gold-surface);
|
|
30
|
-
--accent-indicator: var(--gold-indicator);
|
|
31
|
-
--accent-track: var(--gold-track);
|
|
32
|
-
}
|
package/dist/gold-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-gold-1: var(--gold-1);
|
|
3
|
-
--color-gold-2: var(--gold-2);
|
|
4
|
-
--color-gold-3: var(--gold-3);
|
|
5
|
-
--color-gold-4: var(--gold-4);
|
|
6
|
-
--color-gold-5: var(--gold-5);
|
|
7
|
-
--color-gold-6: var(--gold-6);
|
|
8
|
-
--color-gold-7: var(--gold-7);
|
|
9
|
-
--color-gold-8: var(--gold-8);
|
|
10
|
-
--color-gold-9: var(--gold-9);
|
|
11
|
-
--color-gold-10: var(--gold-10);
|
|
12
|
-
--color-gold-11: var(--gold-11);
|
|
13
|
-
--color-gold-12: var(--gold-12);
|
|
14
|
-
|
|
15
|
-
--color-gold-a1: var(--gold-a1);
|
|
16
|
-
--color-gold-a2: var(--gold-a2);
|
|
17
|
-
--color-gold-a3: var(--gold-a3);
|
|
18
|
-
--color-gold-a4: var(--gold-a4);
|
|
19
|
-
--color-gold-a5: var(--gold-a5);
|
|
20
|
-
--color-gold-a6: var(--gold-a6);
|
|
21
|
-
--color-gold-a7: var(--gold-a7);
|
|
22
|
-
--color-gold-a8: var(--gold-a8);
|
|
23
|
-
--color-gold-a9: var(--gold-a9);
|
|
24
|
-
--color-gold-a10: var(--gold-a10);
|
|
25
|
-
--color-gold-a11: var(--gold-a11);
|
|
26
|
-
--color-gold-a12: var(--gold-a12);
|
|
27
|
-
|
|
28
|
-
--color-gold-contrast: var(--gold-contrast);
|
|
29
|
-
--color-gold-surface: var(--gold-surface);
|
|
30
|
-
--color-gold-indicator: var(--gold-indicator);
|
|
31
|
-
--color-gold-track: var(--gold-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--gold-1: color(display-p3 0.992 0.992 0.989);
|
|
36
|
-
--gold-2: color(display-p3 0.98 0.976 0.953);
|
|
37
|
-
--gold-3: color(display-p3 0.947 0.94 0.909);
|
|
38
|
-
--gold-4: color(display-p3 0.914 0.904 0.865);
|
|
39
|
-
--gold-5: color(display-p3 0.88 0.865 0.816);
|
|
40
|
-
--gold-6: color(display-p3 0.84 0.818 0.756);
|
|
41
|
-
--gold-7: color(display-p3 0.788 0.753 0.677);
|
|
42
|
-
--gold-8: color(display-p3 0.715 0.66 0.565);
|
|
43
|
-
--gold-9: color(display-p3 0.579 0.517 0.41);
|
|
44
|
-
--gold-10: color(display-p3 0.538 0.479 0.38);
|
|
45
|
-
--gold-11: color(display-p3 0.433 0.386 0.305);
|
|
46
|
-
--gold-12: color(display-p3 0.227 0.209 0.173);
|
|
47
|
-
|
|
48
|
-
--gold-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
|
|
49
|
-
--gold-a2: color(display-p3 0.592 0.514 0.024 / 0.048);
|
|
50
|
-
--gold-a3: color(display-p3 0.4 0.357 0.012 / 0.091);
|
|
51
|
-
--gold-a4: color(display-p3 0.357 0.298 0.008 / 0.134);
|
|
52
|
-
--gold-a5: color(display-p3 0.345 0.282 0.004 / 0.185);
|
|
53
|
-
--gold-a6: color(display-p3 0.341 0.263 0.004 / 0.244);
|
|
54
|
-
--gold-a7: color(display-p3 0.345 0.235 0.004 / 0.322);
|
|
55
|
-
--gold-a8: color(display-p3 0.345 0.22 0.004 / 0.436);
|
|
56
|
-
--gold-a9: color(display-p3 0.286 0.18 0 / 0.589);
|
|
57
|
-
--gold-a10: color(display-p3 0.255 0.161 0 / 0.62);
|
|
58
|
-
--gold-a11: color(display-p3 0.433 0.386 0.305);
|
|
59
|
-
--gold-a12: color(display-p3 0.227 0.209 0.173);
|
|
60
|
-
|
|
61
|
-
--gold-contrast: white;
|
|
62
|
-
--gold-surface: color(display-p3 0.9765 0.9725 0.9412 / 0.8);
|
|
63
|
-
--gold-indicator: var(--gold-9);
|
|
64
|
-
--gold-track: var(--gold-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--gold-1: color(display-p3 0.071 0.071 0.067);
|
|
69
|
-
--gold-2: color(display-p3 0.104 0.101 0.09);
|
|
70
|
-
--gold-3: color(display-p3 0.141 0.136 0.122);
|
|
71
|
-
--gold-4: color(display-p3 0.177 0.17 0.152);
|
|
72
|
-
--gold-5: color(display-p3 0.217 0.207 0.185);
|
|
73
|
-
--gold-6: color(display-p3 0.265 0.252 0.225);
|
|
74
|
-
--gold-7: color(display-p3 0.327 0.31 0.277);
|
|
75
|
-
--gold-8: color(display-p3 0.407 0.384 0.342);
|
|
76
|
-
--gold-9: color(display-p3 0.579 0.517 0.41);
|
|
77
|
-
--gold-10: color(display-p3 0.628 0.566 0.463);
|
|
78
|
-
--gold-11: color(display-p3 0.784 0.728 0.635);
|
|
79
|
-
--gold-12: color(display-p3 0.906 0.887 0.855);
|
|
80
|
-
|
|
81
|
-
--gold-a1: color(display-p3 0.855 0.855 0.071 / 0.005);
|
|
82
|
-
--gold-a2: color(display-p3 0.98 0.89 0.616 / 0.043);
|
|
83
|
-
--gold-a3: color(display-p3 1 0.949 0.753 / 0.08);
|
|
84
|
-
--gold-a4: color(display-p3 1 0.933 0.8 / 0.118);
|
|
85
|
-
--gold-a5: color(display-p3 1 0.949 0.804 / 0.16);
|
|
86
|
-
--gold-a6: color(display-p3 1 0.925 0.8 / 0.215);
|
|
87
|
-
--gold-a7: color(display-p3 1 0.945 0.831 / 0.278);
|
|
88
|
-
--gold-a8: color(display-p3 1 0.937 0.82 / 0.366);
|
|
89
|
-
--gold-a9: color(display-p3 0.996 0.882 0.69 / 0.551);
|
|
90
|
-
--gold-a10: color(display-p3 1 0.894 0.725 / 0.601);
|
|
91
|
-
--gold-a11: color(display-p3 0.784 0.728 0.635);
|
|
92
|
-
--gold-a12: color(display-p3 0.906 0.887 0.855);
|
|
93
|
-
|
|
94
|
-
--gold-surface: color(display-p3 0.1412 0.1333 0.1098 / 0.5);
|
|
95
|
-
}
|
package/dist/grass-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='grass'] {
|
|
2
|
-
--accent-1: var(--grass-1);
|
|
3
|
-
--accent-2: var(--grass-2);
|
|
4
|
-
--accent-3: var(--grass-3);
|
|
5
|
-
--accent-4: var(--grass-4);
|
|
6
|
-
--accent-5: var(--grass-5);
|
|
7
|
-
--accent-6: var(--grass-6);
|
|
8
|
-
--accent-7: var(--grass-7);
|
|
9
|
-
--accent-8: var(--grass-8);
|
|
10
|
-
--accent-9: var(--grass-9);
|
|
11
|
-
--accent-10: var(--grass-10);
|
|
12
|
-
--accent-11: var(--grass-11);
|
|
13
|
-
--accent-12: var(--grass-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--grass-a1);
|
|
16
|
-
--accent-a2: var(--grass-a2);
|
|
17
|
-
--accent-a3: var(--grass-a3);
|
|
18
|
-
--accent-a4: var(--grass-a4);
|
|
19
|
-
--accent-a5: var(--grass-a5);
|
|
20
|
-
--accent-a6: var(--grass-a6);
|
|
21
|
-
--accent-a7: var(--grass-a7);
|
|
22
|
-
--accent-a8: var(--grass-a8);
|
|
23
|
-
--accent-a9: var(--grass-a9);
|
|
24
|
-
--accent-a10: var(--grass-a10);
|
|
25
|
-
--accent-a11: var(--grass-a11);
|
|
26
|
-
--accent-a12: var(--grass-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--grass-contrast);
|
|
29
|
-
--accent-surface: var(--grass-surface);
|
|
30
|
-
--accent-indicator: var(--grass-indicator);
|
|
31
|
-
--accent-track: var(--grass-track);
|
|
32
|
-
}
|