@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/jade-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline 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
|
-
}
|
package/dist/lime-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
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
|
-
}
|
package/dist/lime-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline 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
|
-
}
|
package/dist/mauve-accents.css
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
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
|
-
}
|
|
33
|
-
|
|
34
|
-
[data-gray-color='mauve'] {
|
|
35
|
-
--gray-1: var(--mauve-1);
|
|
36
|
-
--gray-2: var(--mauve-2);
|
|
37
|
-
--gray-3: var(--mauve-3);
|
|
38
|
-
--gray-4: var(--mauve-4);
|
|
39
|
-
--gray-5: var(--mauve-5);
|
|
40
|
-
--gray-6: var(--mauve-6);
|
|
41
|
-
--gray-7: var(--mauve-7);
|
|
42
|
-
--gray-8: var(--mauve-8);
|
|
43
|
-
--gray-9: var(--mauve-9);
|
|
44
|
-
--gray-10: var(--mauve-10);
|
|
45
|
-
--gray-11: var(--mauve-11);
|
|
46
|
-
--gray-12: var(--mauve-12);
|
|
47
|
-
|
|
48
|
-
--gray-a1: var(--mauve-a1);
|
|
49
|
-
--gray-a2: var(--mauve-a2);
|
|
50
|
-
--gray-a3: var(--mauve-a3);
|
|
51
|
-
--gray-a4: var(--mauve-a4);
|
|
52
|
-
--gray-a5: var(--mauve-a5);
|
|
53
|
-
--gray-a6: var(--mauve-a6);
|
|
54
|
-
--gray-a7: var(--mauve-a7);
|
|
55
|
-
--gray-a8: var(--mauve-a8);
|
|
56
|
-
--gray-a9: var(--mauve-a9);
|
|
57
|
-
--gray-a10: var(--mauve-a10);
|
|
58
|
-
--gray-a11: var(--mauve-a11);
|
|
59
|
-
--gray-a12: var(--mauve-a12);
|
|
60
|
-
|
|
61
|
-
--gray-contrast: var(--mauve-contrast);
|
|
62
|
-
--gray-surface: var(--mauve-surface);
|
|
63
|
-
--gray-indicator: var(--mauve-indicator);
|
|
64
|
-
--gray-track: var(--mauve-track);
|
|
65
|
-
}
|
package/dist/mauve-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline 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
|
-
}
|
package/dist/mint-accents.css
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
[data-accent-color='mint'] {
|
|
2
|
-
--accent-1: var(--mint-1);
|
|
3
|
-
--accent-2: var(--mint-2);
|
|
4
|
-
--accent-3: var(--mint-3);
|
|
5
|
-
--accent-4: var(--mint-4);
|
|
6
|
-
--accent-5: var(--mint-5);
|
|
7
|
-
--accent-6: var(--mint-6);
|
|
8
|
-
--accent-7: var(--mint-7);
|
|
9
|
-
--accent-8: var(--mint-8);
|
|
10
|
-
--accent-9: var(--mint-9);
|
|
11
|
-
--accent-10: var(--mint-10);
|
|
12
|
-
--accent-11: var(--mint-11);
|
|
13
|
-
--accent-12: var(--mint-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--mint-a1);
|
|
16
|
-
--accent-a2: var(--mint-a2);
|
|
17
|
-
--accent-a3: var(--mint-a3);
|
|
18
|
-
--accent-a4: var(--mint-a4);
|
|
19
|
-
--accent-a5: var(--mint-a5);
|
|
20
|
-
--accent-a6: var(--mint-a6);
|
|
21
|
-
--accent-a7: var(--mint-a7);
|
|
22
|
-
--accent-a8: var(--mint-a8);
|
|
23
|
-
--accent-a9: var(--mint-a9);
|
|
24
|
-
--accent-a10: var(--mint-a10);
|
|
25
|
-
--accent-a11: var(--mint-a11);
|
|
26
|
-
--accent-a12: var(--mint-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--mint-contrast);
|
|
29
|
-
--accent-surface: var(--mint-surface);
|
|
30
|
-
--accent-indicator: var(--mint-indicator);
|
|
31
|
-
--accent-track: var(--mint-track);
|
|
32
|
-
}
|
package/dist/mint-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-mint-1: var(--mint-1);
|
|
3
|
-
--color-mint-2: var(--mint-2);
|
|
4
|
-
--color-mint-3: var(--mint-3);
|
|
5
|
-
--color-mint-4: var(--mint-4);
|
|
6
|
-
--color-mint-5: var(--mint-5);
|
|
7
|
-
--color-mint-6: var(--mint-6);
|
|
8
|
-
--color-mint-7: var(--mint-7);
|
|
9
|
-
--color-mint-8: var(--mint-8);
|
|
10
|
-
--color-mint-9: var(--mint-9);
|
|
11
|
-
--color-mint-10: var(--mint-10);
|
|
12
|
-
--color-mint-11: var(--mint-11);
|
|
13
|
-
--color-mint-12: var(--mint-12);
|
|
14
|
-
|
|
15
|
-
--color-mint-a1: var(--mint-a1);
|
|
16
|
-
--color-mint-a2: var(--mint-a2);
|
|
17
|
-
--color-mint-a3: var(--mint-a3);
|
|
18
|
-
--color-mint-a4: var(--mint-a4);
|
|
19
|
-
--color-mint-a5: var(--mint-a5);
|
|
20
|
-
--color-mint-a6: var(--mint-a6);
|
|
21
|
-
--color-mint-a7: var(--mint-a7);
|
|
22
|
-
--color-mint-a8: var(--mint-a8);
|
|
23
|
-
--color-mint-a9: var(--mint-a9);
|
|
24
|
-
--color-mint-a10: var(--mint-a10);
|
|
25
|
-
--color-mint-a11: var(--mint-a11);
|
|
26
|
-
--color-mint-a12: var(--mint-a12);
|
|
27
|
-
|
|
28
|
-
--color-mint-contrast: var(--mint-contrast);
|
|
29
|
-
--color-mint-surface: var(--mint-surface);
|
|
30
|
-
--color-mint-indicator: var(--mint-indicator);
|
|
31
|
-
--color-mint-track: var(--mint-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--mint-1: color(display-p3 0.98 0.995 0.992);
|
|
36
|
-
--mint-2: color(display-p3 0.957 0.985 0.977);
|
|
37
|
-
--mint-3: color(display-p3 0.888 0.972 0.95);
|
|
38
|
-
--mint-4: color(display-p3 0.819 0.951 0.916);
|
|
39
|
-
--mint-5: color(display-p3 0.747 0.918 0.873);
|
|
40
|
-
--mint-6: color(display-p3 0.668 0.87 0.818);
|
|
41
|
-
--mint-7: color(display-p3 0.567 0.805 0.744);
|
|
42
|
-
--mint-8: color(display-p3 0.42 0.724 0.649);
|
|
43
|
-
--mint-9: color(display-p3 0.62 0.908 0.834);
|
|
44
|
-
--mint-10: color(display-p3 0.585 0.871 0.797);
|
|
45
|
-
--mint-11: color(display-p3 0.203 0.463 0.397);
|
|
46
|
-
--mint-12: color(display-p3 0.136 0.259 0.236);
|
|
47
|
-
|
|
48
|
-
--mint-a1: color(display-p3 0.02 0.804 0.608 / 0.02);
|
|
49
|
-
--mint-a2: color(display-p3 0.02 0.647 0.467 / 0.044);
|
|
50
|
-
--mint-a3: color(display-p3 0.004 0.761 0.553 / 0.114);
|
|
51
|
-
--mint-a4: color(display-p3 0.004 0.741 0.545 / 0.181);
|
|
52
|
-
--mint-a5: color(display-p3 0.004 0.678 0.51 / 0.255);
|
|
53
|
-
--mint-a6: color(display-p3 0.004 0.616 0.463 / 0.334);
|
|
54
|
-
--mint-a7: color(display-p3 0.004 0.549 0.412 / 0.432);
|
|
55
|
-
--mint-a8: color(display-p3 0 0.529 0.392 / 0.581);
|
|
56
|
-
--mint-a9: color(display-p3 0.004 0.765 0.569 / 0.381);
|
|
57
|
-
--mint-a10: color(display-p3 0.004 0.69 0.51 / 0.416);
|
|
58
|
-
--mint-a11: color(display-p3 0.203 0.463 0.397);
|
|
59
|
-
--mint-a12: color(display-p3 0.136 0.259 0.236);
|
|
60
|
-
|
|
61
|
-
--mint-contrast: #1a211e; /* light mode sage 12 */
|
|
62
|
-
--mint-surface: color(display-p3 0.9451 0.9804 0.9725 / 0.8);
|
|
63
|
-
--mint-indicator: var(--mint-9);
|
|
64
|
-
--mint-track: var(--mint-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--mint-1: color(display-p3 0.059 0.082 0.081);
|
|
69
|
-
--mint-2: color(display-p3 0.068 0.104 0.105);
|
|
70
|
-
--mint-3: color(display-p3 0.077 0.17 0.168);
|
|
71
|
-
--mint-4: color(display-p3 0.068 0.224 0.22);
|
|
72
|
-
--mint-5: color(display-p3 0.104 0.275 0.264);
|
|
73
|
-
--mint-6: color(display-p3 0.154 0.332 0.313);
|
|
74
|
-
--mint-7: color(display-p3 0.207 0.403 0.373);
|
|
75
|
-
--mint-8: color(display-p3 0.258 0.49 0.441);
|
|
76
|
-
--mint-9: color(display-p3 0.62 0.908 0.834);
|
|
77
|
-
--mint-10: color(display-p3 0.725 0.954 0.898);
|
|
78
|
-
--mint-11: color(display-p3 0.482 0.825 0.733);
|
|
79
|
-
--mint-12: color(display-p3 0.807 0.955 0.887);
|
|
80
|
-
|
|
81
|
-
--mint-a1: color(display-p3 0 0.992 0.992 / 0.017);
|
|
82
|
-
--mint-a2: color(display-p3 0.071 0.98 0.98 / 0.043);
|
|
83
|
-
--mint-a3: color(display-p3 0.176 0.996 0.996 / 0.11);
|
|
84
|
-
--mint-a4: color(display-p3 0.071 0.996 0.973 / 0.169);
|
|
85
|
-
--mint-a5: color(display-p3 0.243 1 0.949 / 0.223);
|
|
86
|
-
--mint-a6: color(display-p3 0.369 1 0.933 / 0.286);
|
|
87
|
-
--mint-a7: color(display-p3 0.459 1 0.914 / 0.362);
|
|
88
|
-
--mint-a8: color(display-p3 0.49 1 0.89 / 0.454);
|
|
89
|
-
--mint-a9: color(display-p3 0.678 0.996 0.914 / 0.904);
|
|
90
|
-
--mint-a10: color(display-p3 0.761 1 0.941 / 0.95);
|
|
91
|
-
--mint-a11: color(display-p3 0.482 0.825 0.733);
|
|
92
|
-
--mint-a12: color(display-p3 0.807 0.955 0.887);
|
|
93
|
-
|
|
94
|
-
--mint-surface: color(display-p3 0.0941 0.149 0.1412 / 0.5);
|
|
95
|
-
}
|
package/dist/olive-accents.css
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
[data-accent-color='olive'] {
|
|
2
|
-
--accent-1: var(--olive-1);
|
|
3
|
-
--accent-2: var(--olive-2);
|
|
4
|
-
--accent-3: var(--olive-3);
|
|
5
|
-
--accent-4: var(--olive-4);
|
|
6
|
-
--accent-5: var(--olive-5);
|
|
7
|
-
--accent-6: var(--olive-6);
|
|
8
|
-
--accent-7: var(--olive-7);
|
|
9
|
-
--accent-8: var(--olive-8);
|
|
10
|
-
--accent-9: var(--olive-9);
|
|
11
|
-
--accent-10: var(--olive-10);
|
|
12
|
-
--accent-11: var(--olive-11);
|
|
13
|
-
--accent-12: var(--olive-12);
|
|
14
|
-
|
|
15
|
-
--accent-a1: var(--olive-a1);
|
|
16
|
-
--accent-a2: var(--olive-a2);
|
|
17
|
-
--accent-a3: var(--olive-a3);
|
|
18
|
-
--accent-a4: var(--olive-a4);
|
|
19
|
-
--accent-a5: var(--olive-a5);
|
|
20
|
-
--accent-a6: var(--olive-a6);
|
|
21
|
-
--accent-a7: var(--olive-a7);
|
|
22
|
-
--accent-a8: var(--olive-a8);
|
|
23
|
-
--accent-a9: var(--olive-a9);
|
|
24
|
-
--accent-a10: var(--olive-a10);
|
|
25
|
-
--accent-a11: var(--olive-a11);
|
|
26
|
-
--accent-a12: var(--olive-a12);
|
|
27
|
-
|
|
28
|
-
--accent-contrast: var(--olive-contrast);
|
|
29
|
-
--accent-surface: var(--olive-surface);
|
|
30
|
-
--accent-indicator: var(--olive-indicator);
|
|
31
|
-
--accent-track: var(--olive-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
[data-gray-color='olive'] {
|
|
35
|
-
--gray-1: var(--olive-1);
|
|
36
|
-
--gray-2: var(--olive-2);
|
|
37
|
-
--gray-3: var(--olive-3);
|
|
38
|
-
--gray-4: var(--olive-4);
|
|
39
|
-
--gray-5: var(--olive-5);
|
|
40
|
-
--gray-6: var(--olive-6);
|
|
41
|
-
--gray-7: var(--olive-7);
|
|
42
|
-
--gray-8: var(--olive-8);
|
|
43
|
-
--gray-9: var(--olive-9);
|
|
44
|
-
--gray-10: var(--olive-10);
|
|
45
|
-
--gray-11: var(--olive-11);
|
|
46
|
-
--gray-12: var(--olive-12);
|
|
47
|
-
|
|
48
|
-
--gray-a1: var(--olive-a1);
|
|
49
|
-
--gray-a2: var(--olive-a2);
|
|
50
|
-
--gray-a3: var(--olive-a3);
|
|
51
|
-
--gray-a4: var(--olive-a4);
|
|
52
|
-
--gray-a5: var(--olive-a5);
|
|
53
|
-
--gray-a6: var(--olive-a6);
|
|
54
|
-
--gray-a7: var(--olive-a7);
|
|
55
|
-
--gray-a8: var(--olive-a8);
|
|
56
|
-
--gray-a9: var(--olive-a9);
|
|
57
|
-
--gray-a10: var(--olive-a10);
|
|
58
|
-
--gray-a11: var(--olive-a11);
|
|
59
|
-
--gray-a12: var(--olive-a12);
|
|
60
|
-
|
|
61
|
-
--gray-contrast: var(--olive-contrast);
|
|
62
|
-
--gray-surface: var(--olive-surface);
|
|
63
|
-
--gray-indicator: var(--olive-indicator);
|
|
64
|
-
--gray-track: var(--olive-track);
|
|
65
|
-
}
|
package/dist/olive-p3.css
DELETED
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
@theme inline static {
|
|
2
|
-
--color-olive-1: var(--olive-1);
|
|
3
|
-
--color-olive-2: var(--olive-2);
|
|
4
|
-
--color-olive-3: var(--olive-3);
|
|
5
|
-
--color-olive-4: var(--olive-4);
|
|
6
|
-
--color-olive-5: var(--olive-5);
|
|
7
|
-
--color-olive-6: var(--olive-6);
|
|
8
|
-
--color-olive-7: var(--olive-7);
|
|
9
|
-
--color-olive-8: var(--olive-8);
|
|
10
|
-
--color-olive-9: var(--olive-9);
|
|
11
|
-
--color-olive-10: var(--olive-10);
|
|
12
|
-
--color-olive-11: var(--olive-11);
|
|
13
|
-
--color-olive-12: var(--olive-12);
|
|
14
|
-
|
|
15
|
-
--color-olive-a1: var(--olive-a1);
|
|
16
|
-
--color-olive-a2: var(--olive-a2);
|
|
17
|
-
--color-olive-a3: var(--olive-a3);
|
|
18
|
-
--color-olive-a4: var(--olive-a4);
|
|
19
|
-
--color-olive-a5: var(--olive-a5);
|
|
20
|
-
--color-olive-a6: var(--olive-a6);
|
|
21
|
-
--color-olive-a7: var(--olive-a7);
|
|
22
|
-
--color-olive-a8: var(--olive-a8);
|
|
23
|
-
--color-olive-a9: var(--olive-a9);
|
|
24
|
-
--color-olive-a10: var(--olive-a10);
|
|
25
|
-
--color-olive-a11: var(--olive-a11);
|
|
26
|
-
--color-olive-a12: var(--olive-a12);
|
|
27
|
-
|
|
28
|
-
--color-olive-contrast: var(--olive-contrast);
|
|
29
|
-
--color-olive-surface: var(--olive-surface);
|
|
30
|
-
--color-olive-indicator: var(--olive-indicator);
|
|
31
|
-
--color-olive-track: var(--olive-track);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
:root {
|
|
35
|
-
--olive-1: color(display-p3 0.989 0.992 0.989);
|
|
36
|
-
--olive-2: color(display-p3 0.974 0.98 0.973);
|
|
37
|
-
--olive-3: color(display-p3 0.939 0.945 0.937);
|
|
38
|
-
--olive-4: color(display-p3 0.907 0.914 0.905);
|
|
39
|
-
--olive-5: color(display-p3 0.878 0.885 0.875);
|
|
40
|
-
--olive-6: color(display-p3 0.846 0.855 0.843);
|
|
41
|
-
--olive-7: color(display-p3 0.803 0.812 0.8);
|
|
42
|
-
--olive-8: color(display-p3 0.727 0.738 0.723);
|
|
43
|
-
--olive-9: color(display-p3 0.541 0.556 0.532);
|
|
44
|
-
--olive-10: color(display-p3 0.5 0.515 0.491);
|
|
45
|
-
--olive-11: color(display-p3 0.38 0.395 0.374);
|
|
46
|
-
--olive-12: color(display-p3 0.117 0.129 0.111);
|
|
47
|
-
|
|
48
|
-
--olive-a1: color(display-p3 0.024 0.349 0.024 / 0.012);
|
|
49
|
-
--olive-a2: color(display-p3 0.024 0.302 0.024 / 0.028);
|
|
50
|
-
--olive-a3: color(display-p3 0.008 0.129 0.008 / 0.063);
|
|
51
|
-
--olive-a4: color(display-p3 0.012 0.094 0.012 / 0.095);
|
|
52
|
-
--olive-a5: color(display-p3 0.035 0.098 0.008 / 0.126);
|
|
53
|
-
--olive-a6: color(display-p3 0.027 0.078 0.004 / 0.157);
|
|
54
|
-
--olive-a7: color(display-p3 0.02 0.059 0 / 0.2);
|
|
55
|
-
--olive-a8: color(display-p3 0.02 0.059 0.004 / 0.279);
|
|
56
|
-
--olive-a9: color(display-p3 0.02 0.051 0.004 / 0.467);
|
|
57
|
-
--olive-a10: color(display-p3 0.024 0.047 0 / 0.51);
|
|
58
|
-
--olive-a11: color(display-p3 0.012 0.039 0 / 0.628);
|
|
59
|
-
--olive-a12: color(display-p3 0.008 0.024 0 / 0.891);
|
|
60
|
-
|
|
61
|
-
--olive-contrast: white;
|
|
62
|
-
--olive-surface: color(display-p3 1 1 1 / 0.8);
|
|
63
|
-
--olive-indicator: var(--olive-9);
|
|
64
|
-
--olive-track: var(--olive-9);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.dark {
|
|
68
|
-
--olive-1: color(display-p3 0.067 0.07 0.063);
|
|
69
|
-
--olive-2: color(display-p3 0.095 0.098 0.091);
|
|
70
|
-
--olive-3: color(display-p3 0.131 0.135 0.126);
|
|
71
|
-
--olive-4: color(display-p3 0.158 0.163 0.153);
|
|
72
|
-
--olive-5: color(display-p3 0.186 0.192 0.18);
|
|
73
|
-
--olive-6: color(display-p3 0.221 0.229 0.215);
|
|
74
|
-
--olive-7: color(display-p3 0.273 0.284 0.266);
|
|
75
|
-
--olive-8: color(display-p3 0.365 0.382 0.359);
|
|
76
|
-
--olive-9: color(display-p3 0.414 0.438 0.404);
|
|
77
|
-
--olive-10: color(display-p3 0.467 0.49 0.458);
|
|
78
|
-
--olive-11: color(display-p3 0.69 0.709 0.682);
|
|
79
|
-
--olive-12: color(display-p3 0.927 0.933 0.926);
|
|
80
|
-
|
|
81
|
-
--olive-a1: color(display-p3 0 0 0 / 0);
|
|
82
|
-
--olive-a2: color(display-p3 0.984 0.988 0.976 / 0.03);
|
|
83
|
-
--olive-a3: color(display-p3 0.992 0.996 0.988 / 0.068);
|
|
84
|
-
--olive-a4: color(display-p3 0.953 0.996 0.949 / 0.102);
|
|
85
|
-
--olive-a5: color(display-p3 0.969 1 0.965 / 0.131);
|
|
86
|
-
--olive-a6: color(display-p3 0.973 1 0.969 / 0.169);
|
|
87
|
-
--olive-a7: color(display-p3 0.98 1 0.961 / 0.228);
|
|
88
|
-
--olive-a8: color(display-p3 0.961 1 0.957 / 0.334);
|
|
89
|
-
--olive-a9: color(display-p3 0.949 1 0.922 / 0.397);
|
|
90
|
-
--olive-a10: color(display-p3 0.953 1 0.941 / 0.452);
|
|
91
|
-
--olive-a11: color(display-p3 0.976 1 0.965 / 0.688);
|
|
92
|
-
--olive-a12: color(display-p3 0.992 1 0.992 / 0.929);
|
|
93
|
-
|
|
94
|
-
--olive-surface: color(display-p3 0.1176 0.1255 0.1176 / 0.5);
|
|
95
|
-
}
|