@frosted-ui/colors 0.0.1-canary.49 → 0.0.1-canary.50
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/.turbo/turbo-build.log +1 -1
- package/blue-alpha.css +24 -24
- package/blue-dark-alpha.css +24 -24
- package/blue-dark.css +24 -24
- package/blue.css +24 -24
- package/index.js +552 -1032
- package/index.mjs +545 -993
- package/indigo-alpha.css +24 -24
- package/indigo-dark-alpha.css +24 -24
- package/indigo-dark.css +24 -24
- package/indigo.css +24 -24
- package/lemon-alpha.css +33 -0
- package/lemon-dark-alpha.css +33 -0
- package/lemon-dark.css +33 -0
- package/lemon.css +33 -0
- package/lime-alpha.css +24 -24
- package/lime-dark-alpha.css +24 -24
- package/lime-dark.css +24 -24
- package/lime.css +24 -24
- package/orange-alpha.css +24 -24
- package/orange-dark-alpha.css +24 -24
- package/orange-dark.css +24 -24
- package/orange.css +24 -24
- package/package.json +1 -1
- package/types/dark.d.ts +223 -447
- package/types/light.d.ts +223 -447
- package/byzantine-blue-alpha.css +0 -33
- package/byzantine-blue-dark-alpha.css +0 -33
- package/byzantine-blue-dark.css +0 -33
- package/byzantine-blue.css +0 -33
- package/dragon-fire-alpha.css +0 -33
- package/dragon-fire-dark-alpha.css +0 -33
- package/dragon-fire-dark.css +0 -33
- package/dragon-fire.css +0 -33
- package/electric-indigo-alpha.css +0 -33
- package/electric-indigo-dark-alpha.css +0 -33
- package/electric-indigo-dark.css +0 -33
- package/electric-indigo.css +0 -33
- package/lemon-lime-alpha.css +0 -33
- package/lemon-lime-dark-alpha.css +0 -33
- package/lemon-lime-dark.css +0 -33
- package/lemon-lime.css +0 -33
- package/lime-green-alpha.css +0 -33
- package/lime-green-dark-alpha.css +0 -33
- package/lime-green-dark.css +0 -33
- package/lime-green.css +0 -33
package/indigo-alpha.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
:root, .light, .light-theme {
|
|
2
|
-
--indigo-a1: #
|
|
3
|
-
--indigo-a2: #
|
|
4
|
-
--indigo-a3: #
|
|
5
|
-
--indigo-a4: #
|
|
6
|
-
--indigo-a5: #
|
|
7
|
-
--indigo-a6: #
|
|
8
|
-
--indigo-a7: #
|
|
9
|
-
--indigo-a8: #
|
|
10
|
-
--indigo-a9: #
|
|
11
|
-
--indigo-a10: #
|
|
12
|
-
--indigo-a11: #
|
|
13
|
-
--indigo-a12: #
|
|
2
|
+
--indigo-a1: #0000ff02;
|
|
3
|
+
--indigo-a2: #0020ff08;
|
|
4
|
+
--indigo-a3: #0000ff0f;
|
|
5
|
+
--indigo-a4: #0000ff1a;
|
|
6
|
+
--indigo-a5: #0000ff25;
|
|
7
|
+
--indigo-a6: #0000ff34;
|
|
8
|
+
--indigo-a7: #0b01ff4a;
|
|
9
|
+
--indigo-a8: #1601ff6a;
|
|
10
|
+
--indigo-a9: #5300f7e7;
|
|
11
|
+
--indigo-a10: #5800e6;
|
|
12
|
+
--indigo-a11: #4200eed1;
|
|
13
|
+
--indigo-a12: #180069e6;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
:root, .light, .light-theme {
|
|
19
|
-
--indigo-a1: color(display-p3 0.
|
|
20
|
-
--indigo-a2: color(display-p3 0.
|
|
21
|
-
--indigo-a3: color(display-p3 0.
|
|
22
|
-
--indigo-a4: color(display-p3 0.
|
|
23
|
-
--indigo-a5: color(display-p3 0.
|
|
24
|
-
--indigo-a6: color(display-p3 0.
|
|
25
|
-
--indigo-a7: color(display-p3 0.
|
|
26
|
-
--indigo-a8: color(display-p3 0.
|
|
27
|
-
--indigo-a9: color(display-p3 0 0
|
|
28
|
-
--indigo-a10: color(display-p3 0 0
|
|
29
|
-
--indigo-a11: color(display-p3 0.
|
|
30
|
-
--indigo-a12: color(display-p3 0.
|
|
19
|
+
--indigo-a1: color(display-p3 0.0196 0.0196 1 / 0.008);
|
|
20
|
+
--indigo-a2: color(display-p3 0.0196 0.1451 0.8784 / 0.032);
|
|
21
|
+
--indigo-a3: color(display-p3 0.0039 0.0039 0.9373 / 0.059);
|
|
22
|
+
--indigo-a4: color(display-p3 0.0039 0.0039 0.9255 / 0.102);
|
|
23
|
+
--indigo-a5: color(display-p3 0.0078 0.0078 0.9216 / 0.146);
|
|
24
|
+
--indigo-a6: color(display-p3 0.0039 0.0039 0.9255 / 0.204);
|
|
25
|
+
--indigo-a7: color(display-p3 0.0314 0.0039 0.9333 / 0.291);
|
|
26
|
+
--indigo-a8: color(display-p3 0.0706 0.0039 0.9373 / 0.416);
|
|
27
|
+
--indigo-a9: color(display-p3 0.2706 0 0.9255 / 0.883);
|
|
28
|
+
--indigo-a10: color(display-p3 0.2824 0 0.8588 / 0.957);
|
|
29
|
+
--indigo-a11: color(display-p3 0.2157 0 0.8902 / 0.808);
|
|
30
|
+
--indigo-a12: color(display-p3 0.0784 0 0.3882 / 0.899);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/indigo-dark-alpha.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
.dark, .dark-theme {
|
|
2
|
-
--indigo-a1: #
|
|
3
|
-
--indigo-a2: #
|
|
4
|
-
--indigo-a3: #
|
|
5
|
-
--indigo-a4: #
|
|
6
|
-
--indigo-a5: #
|
|
7
|
-
--indigo-a6: #
|
|
8
|
-
--indigo-a7: #
|
|
9
|
-
--indigo-a8: #
|
|
10
|
-
--indigo-a9: #
|
|
11
|
-
--indigo-a10: #
|
|
12
|
-
--indigo-a11: #
|
|
13
|
-
--indigo-a12: #
|
|
2
|
+
--indigo-a1: #0000ff0f;
|
|
3
|
+
--indigo-a2: #3f2dfe1c;
|
|
4
|
+
--indigo-a3: #5230ff4b;
|
|
5
|
+
--indigo-a4: #571fff72;
|
|
6
|
+
--indigo-a5: #6030ff85;
|
|
7
|
+
--indigo-a6: #6741ff95;
|
|
8
|
+
--indigo-a7: #6e4cffae;
|
|
9
|
+
--indigo-a8: #704ffed4;
|
|
10
|
+
--indigo-a9: #6619fff8;
|
|
11
|
+
--indigo-a10: #6000fee5;
|
|
12
|
+
--indigo-a11: #ada8ff;
|
|
13
|
+
--indigo-a12: #ddddff;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
.dark, .dark-theme {
|
|
19
|
-
--indigo-a1: color(display-p3 0
|
|
20
|
-
--indigo-a2: color(display-p3 0.
|
|
21
|
-
--indigo-a3: color(display-p3 0.
|
|
22
|
-
--indigo-a4: color(display-p3 0.
|
|
23
|
-
--indigo-a5: color(display-p3 0.
|
|
24
|
-
--indigo-a6: color(display-p3 0.
|
|
25
|
-
--indigo-a7: color(display-p3 0.
|
|
26
|
-
--indigo-a8: color(display-p3 0.
|
|
27
|
-
--indigo-a9: color(display-p3 0.
|
|
28
|
-
--indigo-a10: color(display-p3 0.
|
|
29
|
-
--indigo-a11: color(display-p3 0.
|
|
30
|
-
--indigo-a12: color(display-p3 0.
|
|
19
|
+
--indigo-a1: color(display-p3 0 0 0.9961 / 0.055);
|
|
20
|
+
--indigo-a2: color(display-p3 0.2627 0.1843 1 / 0.101);
|
|
21
|
+
--indigo-a3: color(display-p3 0.3059 0.1922 1 / 0.282);
|
|
22
|
+
--indigo-a4: color(display-p3 0.3255 0.1333 1 / 0.425);
|
|
23
|
+
--indigo-a5: color(display-p3 0.3529 0.1961 0.9961 / 0.5);
|
|
24
|
+
--indigo-a6: color(display-p3 0.4 0.2706 1 / 0.559);
|
|
25
|
+
--indigo-a7: color(display-p3 0.4275 0.3137 1 / 0.652);
|
|
26
|
+
--indigo-a8: color(display-p3 0.4392 0.3294 1 / 0.795);
|
|
27
|
+
--indigo-a9: color(display-p3 0.3804 0.1216 1 / 0.929);
|
|
28
|
+
--indigo-a10: color(display-p3 0.3569 0.0431 1 / 0.858);
|
|
29
|
+
--indigo-a11: color(display-p3 0.6902 0.6745 1 / 0.975);
|
|
30
|
+
--indigo-a12: color(display-p3 0.8784 0.8784 1 / 0.988);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/indigo-dark.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
.dark, .dark-theme {
|
|
2
|
-
--indigo-1: #
|
|
3
|
-
--indigo-2: #
|
|
4
|
-
--indigo-3: #
|
|
5
|
-
--indigo-4: #
|
|
6
|
-
--indigo-5: #
|
|
7
|
-
--indigo-6: #
|
|
8
|
-
--indigo-7: #
|
|
9
|
-
--indigo-8: #
|
|
10
|
-
--indigo-9: #
|
|
11
|
-
--indigo-10: #
|
|
12
|
-
--indigo-11: #
|
|
13
|
-
--indigo-12: #
|
|
2
|
+
--indigo-1: #100f1f;
|
|
3
|
+
--indigo-2: #16142b;
|
|
4
|
+
--indigo-3: #241a57;
|
|
5
|
+
--indigo-4: #30177b;
|
|
6
|
+
--indigo-5: #3a218d;
|
|
7
|
+
--indigo-6: #432d9c;
|
|
8
|
+
--indigo-7: #5039b3;
|
|
9
|
+
--indigo-8: #6045d6;
|
|
10
|
+
--indigo-9: #6318f8;
|
|
11
|
+
--indigo-10: #5800e6;
|
|
12
|
+
--indigo-11: #ada8ff;
|
|
13
|
+
--indigo-12: #ddf;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
.dark, .dark-theme {
|
|
19
|
-
--indigo-1: color(display-p3 0.
|
|
20
|
-
--indigo-2: color(display-p3 0.
|
|
21
|
-
--indigo-3: color(display-p3 0.
|
|
22
|
-
--indigo-4: color(display-p3 0.
|
|
23
|
-
--indigo-5: color(display-p3 0.
|
|
24
|
-
--indigo-6: color(display-p3 0.
|
|
25
|
-
--indigo-7: color(display-p3 0.
|
|
26
|
-
--indigo-8: color(display-p3 0.
|
|
27
|
-
--indigo-9: color(display-p3 0.
|
|
28
|
-
--indigo-10: color(display-p3 0.
|
|
29
|
-
--indigo-11: color(display-p3 0.
|
|
30
|
-
--indigo-12: color(display-p3 0.
|
|
19
|
+
--indigo-1: color(display-p3 0.0604 0.0576 0.1185);
|
|
20
|
+
--indigo-2: color(display-p3 0.0833 0.0784 0.163);
|
|
21
|
+
--indigo-3: color(display-p3 0.1353 0.1026 0.326);
|
|
22
|
+
--indigo-4: color(display-p3 0.176 0.0967 0.4632);
|
|
23
|
+
--indigo-5: color(display-p3 0.2121 0.1331 0.5303);
|
|
24
|
+
--indigo-6: color(display-p3 0.251 0.1807 0.5884);
|
|
25
|
+
--indigo-7: color(display-p3 0.3001 0.2284 0.6756);
|
|
26
|
+
--indigo-8: color(display-p3 0.3613 0.2735 0.8079);
|
|
27
|
+
--indigo-9: color(display-p3 0.3562 0.1176 0.9345);
|
|
28
|
+
--indigo-10: color(display-p3 0.309 0 0.8658);
|
|
29
|
+
--indigo-11: color(display-p3 0.6727 0.6534 1);
|
|
30
|
+
--indigo-12: color(display-p3 0.8675 0.8681 1);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/indigo.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
:root, .light, .light-theme {
|
|
2
|
-
--indigo-1: #
|
|
3
|
-
--indigo-2: #
|
|
4
|
-
--indigo-3: #
|
|
5
|
-
--indigo-4: #
|
|
6
|
-
--indigo-5: #
|
|
7
|
-
--indigo-6: #
|
|
8
|
-
--indigo-7: #
|
|
9
|
-
--indigo-8: #
|
|
10
|
-
--indigo-9: #
|
|
11
|
-
--indigo-10: #
|
|
12
|
-
--indigo-11: #
|
|
13
|
-
--indigo-12: #
|
|
2
|
+
--indigo-1: #fdfdff;
|
|
3
|
+
--indigo-2: #f7f8ff;
|
|
4
|
+
--indigo-3: #f0f0ff;
|
|
5
|
+
--indigo-4: #e5e5ff;
|
|
6
|
+
--indigo-5: #dadaff;
|
|
7
|
+
--indigo-6: #cbcbff;
|
|
8
|
+
--indigo-7: #b8b5ff;
|
|
9
|
+
--indigo-8: #9e95ff;
|
|
10
|
+
--indigo-9: #6318f8;
|
|
11
|
+
--indigo-10: #5800e6;
|
|
12
|
+
--indigo-11: #642ef1;
|
|
13
|
+
--indigo-12: #2f1978;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
:root, .light, .light-theme {
|
|
19
|
-
--indigo-1: color(display-p3 0.
|
|
20
|
-
--indigo-2: color(display-p3 0.
|
|
21
|
-
--indigo-3: color(display-p3 0.
|
|
22
|
-
--indigo-4: color(display-p3 0.
|
|
23
|
-
--indigo-5: color(display-p3 0.
|
|
24
|
-
--indigo-6: color(display-p3 0.
|
|
25
|
-
--indigo-7: color(display-p3 0.
|
|
26
|
-
--indigo-8: color(display-p3 0.
|
|
27
|
-
--indigo-9: color(display-p3 0.
|
|
28
|
-
--indigo-10: color(display-p3 0.
|
|
29
|
-
--indigo-11: color(display-p3 0.
|
|
30
|
-
--indigo-12: color(display-p3 0.
|
|
19
|
+
--indigo-1: color(display-p3 0.9914 0.9917 1);
|
|
20
|
+
--indigo-2: color(display-p3 0.9707 0.9716 1);
|
|
21
|
+
--indigo-3: color(display-p3 0.9408 0.9422 1);
|
|
22
|
+
--indigo-4: color(display-p3 0.8983 0.8995 1);
|
|
23
|
+
--indigo-5: color(display-p3 0.8524 0.8522 1);
|
|
24
|
+
--indigo-6: color(display-p3 0.7953 0.7919 1);
|
|
25
|
+
--indigo-7: color(display-p3 0.7161 0.7042 1);
|
|
26
|
+
--indigo-8: color(display-p3 0.6117 0.5789 1);
|
|
27
|
+
--indigo-9: color(display-p3 0.3562 0.1176 0.9345);
|
|
28
|
+
--indigo-10: color(display-p3 0.309 0 0.8658);
|
|
29
|
+
--indigo-11: color(display-p3 0.3639 0.1927 0.9095);
|
|
30
|
+
--indigo-12: color(display-p3 0.1733 0.1009 0.451);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/lemon-alpha.css
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
:root, .light, .light-theme {
|
|
2
|
+
--lemon-a1: #80aa0006;
|
|
3
|
+
--lemon-a2: #a5d20011;
|
|
4
|
+
--lemon-a3: #beee003a;
|
|
5
|
+
--lemon-a4: #b8e60059;
|
|
6
|
+
--lemon-a5: #b1d80075;
|
|
7
|
+
--lemon-a6: #9fc00084;
|
|
8
|
+
--lemon-a7: #8ca80092;
|
|
9
|
+
--lemon-a8: #879f00bd;
|
|
10
|
+
--lemon-a9: #d7f100;
|
|
11
|
+
--lemon-a10: #cbe400ef;
|
|
12
|
+
--lemon-a11: #6f7d00;
|
|
13
|
+
--lemon-a12: #212800e2;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
17
|
+
@media (color-gamut: p3) {
|
|
18
|
+
:root, .light, .light-theme {
|
|
19
|
+
--lemon-a1: color(display-p3 0.5137 0.6745 0.0235 / 0.024);
|
|
20
|
+
--lemon-a2: color(display-p3 0.6902 0.8157 0.0078 / 0.063);
|
|
21
|
+
--lemon-a3: color(display-p3 0.7569 0.9255 0.0039 / 0.208);
|
|
22
|
+
--lemon-a4: color(display-p3 0.7255 0.8784 0.0039 / 0.314);
|
|
23
|
+
--lemon-a5: color(display-p3 0.6863 0.8196 0.0039 / 0.412);
|
|
24
|
+
--lemon-a6: color(display-p3 0.6118 0.7176 0.0039 / 0.471);
|
|
25
|
+
--lemon-a7: color(display-p3 0.5294 0.6196 0 / 0.526);
|
|
26
|
+
--lemon-a8: color(display-p3 0.4941 0.5765 0 / 0.667);
|
|
27
|
+
--lemon-a9: color(display-p3 0.8039 0.9137 0 / 0.695);
|
|
28
|
+
--lemon-a10: color(display-p3 0.7569 0.8549 0 / 0.702);
|
|
29
|
+
--lemon-a11: color(display-p3 0.3569 0.4078 0 / 0.859);
|
|
30
|
+
--lemon-a12: color(display-p3 0.1137 0.1373 0 / 0.867);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.dark, .dark-theme {
|
|
2
|
+
--lemon-a1: #00910002;
|
|
3
|
+
--lemon-a2: #bcf40009;
|
|
4
|
+
--lemon-a3: #d1fb0718;
|
|
5
|
+
--lemon-a4: #d2fb0025;
|
|
6
|
+
--lemon-a5: #d8fc0032;
|
|
7
|
+
--lemon-a6: #ddfd2141;
|
|
8
|
+
--lemon-a7: #dffe3d53;
|
|
9
|
+
--lemon-a8: #e2ff4469;
|
|
10
|
+
--lemon-a9: #e3fe05f5;
|
|
11
|
+
--lemon-a10: #e5fe51e8;
|
|
12
|
+
--lemon-a11: #e4fe4ee5;
|
|
13
|
+
--lemon-a12: #f0feb8f5;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
17
|
+
@media (color-gamut: p3) {
|
|
18
|
+
.dark, .dark-theme {
|
|
19
|
+
--lemon-a1: color(display-p3 0 0.8549 0 / 0.005);
|
|
20
|
+
--lemon-a2: color(display-p3 0.7608 0.9922 0 / 0.034);
|
|
21
|
+
--lemon-a3: color(display-p3 0.8706 0.9961 0.1529 / 0.093);
|
|
22
|
+
--lemon-a4: color(display-p3 0.8627 1 0.1216 / 0.143);
|
|
23
|
+
--lemon-a5: color(display-p3 0.8784 1 0.1686 / 0.194);
|
|
24
|
+
--lemon-a6: color(display-p3 0.8902 0.9961 0.2706 / 0.253);
|
|
25
|
+
--lemon-a7: color(display-p3 0.902 1 0.3608 / 0.324);
|
|
26
|
+
--lemon-a8: color(display-p3 0.9059 1 0.3843 / 0.412);
|
|
27
|
+
--lemon-a9: color(display-p3 0.9176 1 0.3255 / 0.954);
|
|
28
|
+
--lemon-a10: color(display-p3 0.9216 0.9961 0.4392 / 0.904);
|
|
29
|
+
--lemon-a11: color(display-p3 0.9216 1 0.4314 / 0.891);
|
|
30
|
+
--lemon-a12: color(display-p3 0.9529 1 0.7529 / 0.958);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
package/lemon-dark.css
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
.dark, .dark-theme {
|
|
2
|
+
--lemon-1: #10120a;
|
|
3
|
+
--lemon-2: #17190f;
|
|
4
|
+
--lemon-3: #232710;
|
|
5
|
+
--lemon-4: #2d330d;
|
|
6
|
+
--lemon-5: #383f0d;
|
|
7
|
+
--lemon-6: #454d15;
|
|
8
|
+
--lemon-7: #545e1f;
|
|
9
|
+
--lemon-8: #677326;
|
|
10
|
+
--lemon-9: #dbf505;
|
|
11
|
+
--lemon-10: #d2e94c;
|
|
12
|
+
--lemon-11: #cfe648;
|
|
13
|
+
--lemon-12: #e8f5b2;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
17
|
+
@media (color-gamut: p3) {
|
|
18
|
+
.dark, .dark-theme {
|
|
19
|
+
--lemon-1: color(display-p3 0.0656 0.0703 0.044);
|
|
20
|
+
--lemon-2: color(display-p3 0.0916 0.098 0.0617);
|
|
21
|
+
--lemon-3: color(display-p3 0.1412 0.1537 0.0731);
|
|
22
|
+
--lemon-4: color(display-p3 0.1825 0.2001 0.0756);
|
|
23
|
+
--lemon-5: color(display-p3 0.226 0.2481 0.086);
|
|
24
|
+
--lemon-6: color(display-p3 0.2762 0.3016 0.1182);
|
|
25
|
+
--lemon-7: color(display-p3 0.3378 0.3671 0.1606);
|
|
26
|
+
--lemon-8: color(display-p3 0.4128 0.4482 0.1964);
|
|
27
|
+
--lemon-9: color(display-p3 0.8781 0.9576 0.3125);
|
|
28
|
+
--lemon-10: color(display-p3 0.842 0.9116 0.4038);
|
|
29
|
+
--lemon-11: color(display-p3 0.8302 0.8994 0.3913);
|
|
30
|
+
--lemon-12: color(display-p3 0.9183 0.9596 0.7245);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
package/lemon.css
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
:root, .light, .light-theme {
|
|
2
|
+
--lemon-1: #fcfdf9;
|
|
3
|
+
--lemon-2: #f9fcee;
|
|
4
|
+
--lemon-3: #f0fbc5;
|
|
5
|
+
--lemon-4: #e6f6a6;
|
|
6
|
+
--lemon-5: #dbed8a;
|
|
7
|
+
--lemon-6: #cdde7b;
|
|
8
|
+
--lemon-7: #bdcd6d;
|
|
9
|
+
--lemon-8: #a6b842;
|
|
10
|
+
--lemon-9: #d7f100;
|
|
11
|
+
--lemon-10: #cee610;
|
|
12
|
+
--lemon-11: #6f7d00;
|
|
13
|
+
--lemon-12: #3a401d;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
17
|
+
@media (color-gamut: p3) {
|
|
18
|
+
:root, .light, .light-theme {
|
|
19
|
+
--lemon-1: color(display-p3 0.9897 0.9925 0.9788);
|
|
20
|
+
--lemon-2: color(display-p3 0.9782 0.9885 0.9371);
|
|
21
|
+
--lemon-3: color(display-p3 0.9489 0.9835 0.7941);
|
|
22
|
+
--lemon-4: color(display-p3 0.9146 0.9617 0.6859);
|
|
23
|
+
--lemon-5: color(display-p3 0.8728 0.9274 0.5873);
|
|
24
|
+
--lemon-6: color(display-p3 0.8164 0.8701 0.5296);
|
|
25
|
+
--lemon-7: color(display-p3 0.7518 0.8027 0.4756);
|
|
26
|
+
--lemon-8: color(display-p3 0.6642 0.7184 0.3325);
|
|
27
|
+
--lemon-9: color(display-p3 0.8632 0.9421 0.2941);
|
|
28
|
+
--lemon-10: color(display-p3 0.8258 0.9005 0.2994);
|
|
29
|
+
--lemon-11: color(display-p3 0.4463 0.4898 0.1262);
|
|
30
|
+
--lemon-12: color(display-p3 0.231 0.2493 0.1314);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
package/lime-alpha.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
:root, .light, .light-theme {
|
|
2
|
-
--lime-a1: #
|
|
3
|
-
--lime-a2: #
|
|
4
|
-
--lime-a3: #
|
|
5
|
-
--lime-a4: #
|
|
6
|
-
--lime-a5: #
|
|
7
|
-
--lime-a6: #
|
|
8
|
-
--lime-a7: #
|
|
9
|
-
--lime-a8: #
|
|
10
|
-
--lime-a9: #
|
|
11
|
-
--lime-a10: #
|
|
12
|
-
--lime-a11: #
|
|
13
|
-
--lime-a12: #
|
|
2
|
+
--lime-a1: #00cc0005;
|
|
3
|
+
--lime-a2: #16c0000c;
|
|
4
|
+
--lime-a3: #16e20023;
|
|
5
|
+
--lime-a4: #12e00039;
|
|
6
|
+
--lime-a5: #10d30050;
|
|
7
|
+
--lime-a6: #0dc30069;
|
|
8
|
+
--lime-a7: #0ab30089;
|
|
9
|
+
--lime-a8: #03af00bf;
|
|
10
|
+
--lime-a9: #00d612f9;
|
|
11
|
+
--lime-a10: #00cb00;
|
|
12
|
+
--lime-a11: #008600;
|
|
13
|
+
--lime-a12: #013000e7;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
:root, .light, .light-theme {
|
|
19
|
-
--lime-a1: color(display-p3 0.
|
|
20
|
-
--lime-a2: color(display-p3 0.
|
|
21
|
-
--lime-a3: color(display-p3 0.
|
|
22
|
-
--lime-a4: color(display-p3 0.
|
|
23
|
-
--lime-a5: color(display-p3 0.
|
|
24
|
-
--lime-a6: color(display-p3 0.
|
|
25
|
-
--lime-a7: color(display-p3 0.
|
|
26
|
-
--lime-a8: color(display-p3 0.
|
|
27
|
-
--lime-a9: color(display-p3 0.
|
|
28
|
-
--lime-a10: color(display-p3 0.
|
|
29
|
-
--lime-a11: color(display-p3 0.
|
|
30
|
-
--lime-a12: color(display-p3 0.
|
|
19
|
+
--lime-a1: color(display-p3 0.2157 0.8039 0.0196 / 0.02);
|
|
20
|
+
--lime-a2: color(display-p3 0.1098 0.7333 0.0196 / 0.044);
|
|
21
|
+
--lime-a3: color(display-p3 0.1882 0.851 0.0078 / 0.13);
|
|
22
|
+
--lime-a4: color(display-p3 0.1725 0.851 0.0039 / 0.208);
|
|
23
|
+
--lime-a5: color(display-p3 0.1647 0.7882 0.0039 / 0.291);
|
|
24
|
+
--lime-a6: color(display-p3 0.149 0.7255 0.0039 / 0.381);
|
|
25
|
+
--lime-a7: color(display-p3 0.1373 0.6627 0.0039 / 0.499);
|
|
26
|
+
--lime-a8: color(display-p3 0.1294 0.6353 0 / 0.675);
|
|
27
|
+
--lime-a9: color(display-p3 0.1608 0.7686 0 / 0.734);
|
|
28
|
+
--lime-a10: color(display-p3 0.1686 0.7216 0 / 0.769);
|
|
29
|
+
--lime-a11: color(display-p3 0.102 0.4392 0 / 0.859);
|
|
30
|
+
--lime-a12: color(display-p3 0.0314 0.1647 0 / 0.887);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/lime-dark-alpha.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
.dark, .dark-theme {
|
|
2
|
-
--lime-a1: #
|
|
3
|
-
--lime-a2: #
|
|
4
|
-
--lime-a3: #
|
|
5
|
-
--lime-a4: #
|
|
6
|
-
--lime-a5: #
|
|
7
|
-
--lime-a6: #
|
|
8
|
-
--lime-a7: #
|
|
9
|
-
--lime-a8: #
|
|
10
|
-
--lime-a9: #
|
|
11
|
-
--lime-a10: #
|
|
12
|
-
--lime-a11: #
|
|
13
|
-
--lime-a12: #
|
|
2
|
+
--lime-a1: #00bb0003;
|
|
3
|
+
--lime-a2: #29f9120b;
|
|
4
|
+
--lime-a3: #21f91920;
|
|
5
|
+
--lime-a4: #0cfb0730;
|
|
6
|
+
--lime-a5: #22fc223f;
|
|
7
|
+
--lime-a6: #38fd354f;
|
|
8
|
+
--lime-a7: #43fd4061;
|
|
9
|
+
--lime-a8: #45ff4376;
|
|
10
|
+
--lime-a9: #04fe19d5;
|
|
11
|
+
--lime-a10: #00fe00c8;
|
|
12
|
+
--lime-a11: #1eff28db;
|
|
13
|
+
--lime-a12: #b2feadf6;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
.dark, .dark-theme {
|
|
19
|
-
--lime-a1: color(display-p3 0
|
|
20
|
-
--lime-a2: color(display-p3 0.
|
|
21
|
-
--lime-a3: color(display-p3 0.
|
|
22
|
-
--lime-a4: color(display-p3 0.
|
|
23
|
-
--lime-a5: color(display-p3 0.
|
|
24
|
-
--lime-a6: color(display-p3 0.
|
|
25
|
-
--lime-a7: color(display-p3 0.
|
|
26
|
-
--lime-a8: color(display-p3 0.
|
|
27
|
-
--lime-a9: color(display-p3 0.
|
|
28
|
-
--lime-a10: color(display-p3 0.
|
|
29
|
-
--lime-a11: color(display-p3 0.
|
|
30
|
-
--lime-a12: color(display-p3 0.
|
|
19
|
+
--lime-a1: color(display-p3 0 0.9412 0 / 0.009);
|
|
20
|
+
--lime-a2: color(display-p3 0.3412 0.9804 0.1608 / 0.043);
|
|
21
|
+
--lime-a3: color(display-p3 0.3686 1 0.2 / 0.118);
|
|
22
|
+
--lime-a4: color(display-p3 0.3294 1 0.1765 / 0.181);
|
|
23
|
+
--lime-a5: color(display-p3 0.3961 1 0.2627 / 0.24);
|
|
24
|
+
--lime-a6: color(display-p3 0.4588 1 0.3294 / 0.303);
|
|
25
|
+
--lime-a7: color(display-p3 0.4863 1 0.3608 / 0.374);
|
|
26
|
+
--lime-a8: color(display-p3 0.502 1 0.3804 / 0.454);
|
|
27
|
+
--lime-a9: color(display-p3 0.4549 1 0.3098 / 0.82);
|
|
28
|
+
--lime-a10: color(display-p3 0.451 1 0.2824 / 0.769);
|
|
29
|
+
--lime-a11: color(display-p3 0.4706 1 0.3294 / 0.845);
|
|
30
|
+
--lime-a12: color(display-p3 0.7725 1 0.7137 / 0.954);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/lime-dark.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
.dark, .dark-theme {
|
|
2
|
-
--lime-1: #
|
|
3
|
-
--lime-2: #
|
|
4
|
-
--lime-3: #
|
|
5
|
-
--lime-4: #
|
|
6
|
-
--lime-5: #
|
|
7
|
-
--lime-6: #
|
|
8
|
-
--lime-7: #
|
|
9
|
-
--lime-8: #
|
|
10
|
-
--lime-9: #
|
|
11
|
-
--lime-10: #
|
|
12
|
-
--lime-11: #
|
|
13
|
-
--lime-12: #
|
|
2
|
+
--lime-1: #0c130b;
|
|
3
|
+
--lime-2: #121b11;
|
|
4
|
+
--lime-3: #132e12;
|
|
5
|
+
--lime-4: #103d0f;
|
|
6
|
+
--lime-5: #154b15;
|
|
7
|
+
--lime-6: #1d5a1c;
|
|
8
|
+
--lime-7: #246b23;
|
|
9
|
+
--lime-8: #297f28;
|
|
10
|
+
--lime-9: #06d718;
|
|
11
|
+
--lime-10: #00cb00;
|
|
12
|
+
--lime-11: #1cdd24;
|
|
13
|
+
--lime-12: #adf6a8;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
.dark, .dark-theme {
|
|
19
|
-
--lime-1: color(display-p3 0.
|
|
20
|
-
--lime-2: color(display-p3 0.
|
|
21
|
-
--lime-3: color(display-p3 0.
|
|
22
|
-
--lime-4: color(display-p3 0.
|
|
23
|
-
--lime-5: color(display-p3 0.
|
|
24
|
-
--lime-6: color(display-p3 0.
|
|
25
|
-
--lime-7: color(display-p3 0.
|
|
26
|
-
--lime-8: color(display-p3 0.
|
|
27
|
-
--lime-9: color(display-p3 0.
|
|
28
|
-
--lime-10: color(display-p3 0.
|
|
29
|
-
--lime-11: color(display-p3 0.
|
|
30
|
-
--lime-12: color(display-p3 0.
|
|
19
|
+
--lime-1: color(display-p3 0.0529 0.075 0.0475);
|
|
20
|
+
--lime-2: color(display-p3 0.0775 0.1066 0.0704);
|
|
21
|
+
--lime-3: color(display-p3 0.1005 0.1769 0.0818);
|
|
22
|
+
--lime-4: color(display-p3 0.1152 0.2353 0.0855);
|
|
23
|
+
--lime-5: color(display-p3 0.1467 0.2898 0.1112);
|
|
24
|
+
--lime-6: color(display-p3 0.1839 0.3473 0.1435);
|
|
25
|
+
--lime-7: color(display-p3 0.2236 0.4142 0.1764);
|
|
26
|
+
--lime-8: color(display-p3 0.2636 0.4926 0.2067);
|
|
27
|
+
--lime-9: color(display-p3 0.3843 0.8306 0.2661);
|
|
28
|
+
--lime-10: color(display-p3 0.3386 0.7852 0.2155);
|
|
29
|
+
--lime-11: color(display-p3 0.4067 0.8532 0.29);
|
|
30
|
+
--lime-12: color(display-p3 0.7388 0.9555 0.686);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
package/lime.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
:root, .light, .light-theme {
|
|
2
|
-
--lime-1: #
|
|
3
|
-
--lime-2: #
|
|
4
|
-
--lime-3: #
|
|
5
|
-
--lime-4: #
|
|
6
|
-
--lime-5: #
|
|
7
|
-
--lime-6: #
|
|
8
|
-
--lime-7: #
|
|
9
|
-
--lime-8: #
|
|
10
|
-
--lime-9: #
|
|
11
|
-
--lime-10: #
|
|
12
|
-
--lime-11: #
|
|
13
|
-
--lime-12: #
|
|
2
|
+
--lime-1: #fafefa;
|
|
3
|
+
--lime-2: #f4fcf3;
|
|
4
|
+
--lime-3: #dffbdc;
|
|
5
|
+
--lime-4: #caf8c6;
|
|
6
|
+
--lime-5: #b4f1af;
|
|
7
|
+
--lime-6: #9be696;
|
|
8
|
+
--lime-7: #7bd676;
|
|
9
|
+
--lime-8: #42c340;
|
|
10
|
+
--lime-9: #06d718;
|
|
11
|
+
--lime-10: #00cb00;
|
|
12
|
+
--lime-11: #008600;
|
|
13
|
+
--lime-12: #194318;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
@supports (color: color(display-p3 1 1 1)) {
|
|
17
17
|
@media (color-gamut: p3) {
|
|
18
18
|
:root, .light, .light-theme {
|
|
19
|
-
--lime-1: color(display-p3 0.
|
|
20
|
-
--lime-2: color(display-p3 0.
|
|
21
|
-
--lime-3: color(display-p3 0.
|
|
22
|
-
--lime-4: color(display-p3 0.
|
|
23
|
-
--lime-5: color(display-p3 0.
|
|
24
|
-
--lime-6: color(display-p3 0.
|
|
25
|
-
--lime-7: color(display-p3 0.
|
|
26
|
-
--lime-8: color(display-p3 0.
|
|
27
|
-
--lime-9: color(display-p3 0.
|
|
28
|
-
--lime-10: color(display-p3 0.
|
|
29
|
-
--lime-11: color(display-p3 0.
|
|
30
|
-
--lime-12: color(display-p3 0.
|
|
19
|
+
--lime-1: color(display-p3 0.9836 0.9961 0.9805);
|
|
20
|
+
--lime-2: color(display-p3 0.9614 0.9862 0.9553);
|
|
21
|
+
--lime-3: color(display-p3 0.8945 0.9821 0.8729);
|
|
22
|
+
--lime-4: color(display-p3 0.8269 0.9657 0.7927);
|
|
23
|
+
--lime-5: color(display-p3 0.7545 0.9369 0.7099);
|
|
24
|
+
--lime-6: color(display-p3 0.6723 0.8927 0.6185);
|
|
25
|
+
--lime-7: color(display-p3 0.5673 0.8305 0.5032);
|
|
26
|
+
--lime-8: color(display-p3 0.4126 0.7539 0.3277);
|
|
27
|
+
--lime-9: color(display-p3 0.3843 0.8306 0.2661);
|
|
28
|
+
--lime-10: color(display-p3 0.3386 0.7852 0.2155);
|
|
29
|
+
--lime-11: color(display-p3 0.2169 0.5168 0.1352);
|
|
30
|
+
--lime-12: color(display-p3 0.1424 0.2578 0.1142);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|