Skip to content

Commit a7caf19

Browse files
LeaVeroulindsaym-fa
LeaVerou
and
lindsaym-fa
authored
Tintless variables + OKLCH coords as comments (#596)
Co-authored-by: Lindsay M <[email protected]>
1 parent 71c054d commit a7caf19

File tree

11 files changed

+1020
-801
lines changed

11 files changed

+1020
-801
lines changed

‎src/styles/color/anodized.css

Lines changed: 96 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -2,99 +2,107 @@
22
:host,
33
:where([class^='wa-theme-'], [class*=' wa-theme-']),
44
.wa-palette-anodized {
5-
--wa-color-red-95: #fbeeeb;
6-
--wa-color-red-90: #f8e0d9;
7-
--wa-color-red-80: #efbdb1;
8-
--wa-color-red-70: #e39f8d;
9-
--wa-color-red-60: #d1806b;
10-
--wa-color-red-50: #b35e49;
11-
--wa-color-red-40: #8e4330;
12-
--wa-color-red-30: #733223;
13-
--wa-color-red-20: #562317;
14-
--wa-color-red-10: #36130a;
15-
--wa-color-red-05: #240a05;
5+
--wa-color-red-95: #fbeeeb /* oklch(95.851% 0.01469 33.071) */;
6+
--wa-color-red-90: #f8e0d9 /* oklch(92.431% 0.02823 36.865) */;
7+
--wa-color-red-80: #efbdb1 /* oklch(83.972% 0.06035 33.801) */;
8+
--wa-color-red-70: #e39f8d /* oklch(76.38% 0.08577 35.424) */;
9+
--wa-color-red-60: #d1806b /* oklch(68.083% 0.10573 35.329) */;
10+
--wa-color-red-50: #b35e49 /* oklch(57.764% 0.11532 34.927) */;
11+
--wa-color-red-40: #8e4330 /* oklch(47.527% 0.10671 35.325) */;
12+
--wa-color-red-30: #733223 /* oklch(40.293% 0.09564 34.326) */;
13+
--wa-color-red-20: #562317 /* oklch(32.748% 0.07905 34.548) */;
14+
--wa-color-red-10: #36130a /* oklch(23.979% 0.05887 35.518) */;
15+
--wa-color-red-05: #240a05 /* oklch(18.708% 0.04625 34.412) */;
16+
--wa-color-red: var(--wa-color-red-50);
1617

17-
--wa-color-yellow-95: #fff2b8;
18-
--wa-color-yellow-90: #ffe578;
19-
--wa-color-yellow-80: #eac46c;
20-
--wa-color-yellow-70: #d5a766;
21-
--wa-color-yellow-60: #bd8a5e;
22-
--wa-color-yellow-50: #9d6a4f;
23-
--wa-color-yellow-40: #794f3c;
24-
--wa-color-yellow-30: #603d2f;
25-
--wa-color-yellow-20: #482b21;
26-
--wa-color-yellow-10: #2c1912;
27-
--wa-color-yellow-05: #1d0e0a;
18+
--wa-color-yellow-95: #fff2b8 /* oklch(95.764% 0.07527 96.955) */;
19+
--wa-color-yellow-90: #ffe578 /* oklch(92.163% 0.13215 96.194) */;
20+
--wa-color-yellow-80: #eac46c /* oklch(83.54% 0.11551 86.482) */;
21+
--wa-color-yellow-70: #d5a766 /* oklch(75.67% 0.0989 74.916) */;
22+
--wa-color-yellow-60: #bd8a5e /* oklch(67.327% 0.08618 61.351) */;
23+
--wa-color-yellow-50: #9d6a4f /* oklch(57.149% 0.0766 48.607) */;
24+
--wa-color-yellow-40: #794f3c /* oklch(46.965% 0.06418 45.076) */;
25+
--wa-color-yellow-30: #603d2f /* oklch(39.723% 0.05466 42.556) */;
26+
--wa-color-yellow-20: #482b21 /* oklch(32.256% 0.04681 39.773) */;
27+
--wa-color-yellow-10: #2c1912 /* oklch(23.678% 0.03339 40.974) */;
28+
--wa-color-yellow-05: #1d0e0a /* oklch(18.423% 0.02718 35.681) */;
29+
--wa-color-yellow: var(--wa-color-yellow-90);
2830

29-
--wa-color-green-95: #dcf8ea;
30-
--wa-color-green-90: #bcf1d8;
31-
--wa-color-green-80: #6dddad;
32-
--wa-color-green-70: #33c685;
33-
--wa-color-green-60: #00aa66;
34-
--wa-color-green-50: #008754;
35-
--wa-color-green-40: #006646;
36-
--wa-color-green-30: #00503b;
37-
--wa-color-green-20: #003a2d;
38-
--wa-color-green-10: #00231b;
39-
--wa-color-green-05: #001610;
31+
--wa-color-green-95: #dcf8ea /* oklch(95.5% 0.03463 164.16) */;
32+
--wa-color-green-90: #bcf1d8 /* oklch(91.473% 0.06399 164.58) */;
33+
--wa-color-green-80: #6dddad /* oklch(81.852% 0.12484 163.42) */;
34+
--wa-color-green-70: #33c685 /* oklch(73.519% 0.15428 158.98) */;
35+
--wa-color-green-60: #0a6 /* oklch(64.917% 0.15588 156.54) */;
36+
--wa-color-green-50: #008754 /* oklch(54.923% 0.12782 158.29) */;
37+
--wa-color-green-40: #006646 /* oklch(45.146% 0.09722 163.25) */;
38+
--wa-color-green-30: #00503b /* oklch(38.299% 0.07764 167.91) */;
39+
--wa-color-green-20: #003a2d /* oklch(31.045% 0.06006 172.22) */;
40+
--wa-color-green-10: #00231b /* oklch(22.853% 0.04344 174.1) */;
41+
--wa-color-green-05: #001610 /* oklch(17.856% 0.03405 173.73) */;
42+
--wa-color-green: var(--wa-color-green-60);
4043

41-
--wa-color-teal-95: #cbfaf9;
42-
--wa-color-teal-90: #9ff4f3;
43-
--wa-color-teal-80: #1adfdb;
44-
--wa-color-teal-70: #00c3be;
45-
--wa-color-teal-60: #1aa6a0;
46-
--wa-color-teal-50: #15837e;
47-
--wa-color-teal-40: #10635e;
48-
--wa-color-teal-30: #0c4e4a;
49-
--wa-color-teal-20: #083936;
50-
--wa-color-teal-10: #04221f;
51-
--wa-color-teal-05: #021513;
44+
--wa-color-teal-95: #cbfaf9 /* oklch(95.226% 0.04791 194.77) */;
45+
--wa-color-teal-90: #9ff4f3 /* oklch(91.294% 0.08228 194.86) */;
46+
--wa-color-teal-80: #1adfdb /* oklch(81.816% 0.13749 192.46) */;
47+
--wa-color-teal-70: #00c3be /* oklch(73.815% 0.1269 191.5) */;
48+
--wa-color-teal-60: #1aa6a0 /* oklch(65.653% 0.10892 190.15) */;
49+
--wa-color-teal-50: #15837e /* oklch(55.258% 0.09092 189.97) */;
50+
--wa-color-teal-40: #10635e /* oklch(45.271% 0.07391 188.55) */;
51+
--wa-color-teal-30: #0c4e4a /* oklch(38.439% 0.06211 188.63) */;
52+
--wa-color-teal-20: #083936 /* oklch(31.289% 0.04971 188.74) */;
53+
--wa-color-teal-10: #04221f /* oklch(22.881% 0.03588 185.7) */;
54+
--wa-color-teal-05: #021513 /* oklch(17.794% 0.0276 186.43) */;
55+
--wa-color-teal: var(--wa-color-teal-80);
5256

53-
--wa-color-blue-95: #ecf3ff;
54-
--wa-color-blue-90: #d9e7ff;
55-
--wa-color-blue-80: #abcaff;
56-
--wa-color-blue-70: #83b0fe;
57-
--wa-color-blue-60: #5593fe;
58-
--wa-color-blue-50: #3d74d2;
59-
--wa-color-blue-40: #2e589f;
60-
--wa-color-blue-30: #24457c;
61-
--wa-color-blue-20: #1b325b;
62-
--wa-color-blue-10: #101d35;
63-
--wa-color-blue-05: #0a1222;
57+
--wa-color-blue-95: #ecf3ff /* oklch(96.238% 0.01777 261.34) */;
58+
--wa-color-blue-90: #d9e7ff /* oklch(92.484% 0.03602 261.3) */;
59+
--wa-color-blue-80: #abcaff /* oklch(83.49% 0.082 261.03) */;
60+
--wa-color-blue-70: #83b0fe /* oklch(75.655% 0.12308 260.97) */;
61+
--wa-color-blue-60: #5593fe /* oklch(67.328% 0.1713 260.55) */;
62+
--wa-color-blue-50: #3d74d2 /* oklch(57.024% 0.15628 260.38) */;
63+
--wa-color-blue-40: #2e589f /* oklch(46.829% 0.12443 260.23) */;
64+
--wa-color-blue-30: #24457c /* oklch(39.571% 0.10098 260.03) */;
65+
--wa-color-blue-20: #1b325b /* oklch(32.168% 0.07881 261.06) */;
66+
--wa-color-blue-10: #101d35 /* oklch(23.292% 0.05008 261.75) */;
67+
--wa-color-blue-05: #0a1222 /* oklch(18.375% 0.0352 263.19) */;
68+
--wa-color-blue: var(--wa-color-blue-60);
6469

65-
--wa-color-indigo-95: #f5efff;
66-
--wa-color-indigo-90: #ede0ff;
67-
--wa-color-indigo-80: #d7bdff;
68-
--wa-color-indigo-70: #bf9efe;
69-
--wa-color-indigo-60: #a280fa;
70-
--wa-color-indigo-50: #7f5bec;
71-
--wa-color-indigo-40: #603dc8;
72-
--wa-color-indigo-30: #4c2ba5;
73-
--wa-color-indigo-20: #381d7f;
74-
--wa-color-indigo-10: #210e53;
75-
--wa-color-indigo-05: #150739;
70+
--wa-color-indigo-95: #f5efff /* oklch(96.142% 0.02215 302.94) */;
71+
--wa-color-indigo-90: #ede0ff /* oklch(92.64% 0.04374 304.51) */;
72+
--wa-color-indigo-80: #d7bdff /* oklch(84.265% 0.09443 302.44) */;
73+
--wa-color-indigo-70: #bf9efe /* oklch(76.541% 0.13786 298.94) */;
74+
--wa-color-indigo-60: #a280fa /* oklch(68.571% 0.17519 294.14) */;
75+
--wa-color-indigo-50: #7f5bec /* oklch(58.581% 0.20817 289.86) */;
76+
--wa-color-indigo-40: #603dc8 /* oklch(48.557% 0.20262 287.93) */;
77+
--wa-color-indigo-30: #4c2ba5 /* oklch(41.119% 0.18229 287.94) */;
78+
--wa-color-indigo-20: #381d7f /* oklch(33.629% 0.15279 287.75) */;
79+
--wa-color-indigo-10: #210e53 /* oklch(24.589% 0.11518 287.13) */;
80+
--wa-color-indigo-05: #150739 /* oklch(19.258% 0.08946 287.81) */;
81+
--wa-color-indigo: var(--wa-color-indigo-50);
7682

77-
--wa-color-violet-95: #fbedfd;
78-
--wa-color-violet-90: #f7defa;
79-
--wa-color-violet-80: #eeb6f5;
80-
--wa-color-violet-70: #e590f0;
81-
--wa-color-violet-60: #d56ae2;
82-
--wa-color-violet-50: #b547be;
83-
--wa-color-violet-40: #952598;
84-
--wa-color-violet-30: #751d79;
85-
--wa-color-violet-20: #561658;
86-
--wa-color-violet-10: #340d36;
87-
--wa-color-violet-05: #210822;
83+
--wa-color-violet-95: #fbedfd /* oklch(96.172% 0.02584 321.94) */;
84+
--wa-color-violet-90: #f7defa /* oklch(92.922% 0.04588 322.59) */;
85+
--wa-color-violet-80: #eeb6f5 /* oklch(84.707% 0.10462 322.7) */;
86+
--wa-color-violet-70: #e590f0 /* oklch(77.326% 0.15957 322.79) */;
87+
--wa-color-violet-60: #d56ae2 /* oklch(69.373% 0.19861 323.18) */;
88+
--wa-color-violet-50: #b547be /* oklch(59.084% 0.2006 324.63) */;
89+
--wa-color-violet-40: #952598 /* oklch(48.958% 0.19474 326.91) */;
90+
--wa-color-violet-30: #751d79 /* oklch(41.379% 0.16261 326.12) */;
91+
--wa-color-violet-20: #561658 /* oklch(33.585% 0.12607 326.65) */;
92+
--wa-color-violet-10: #340d36 /* oklch(24.532% 0.08615 325.79) */;
93+
--wa-color-violet-05: #210822 /* oklch(19.065% 0.0603 326.11) */;
94+
--wa-color-violet: var(--wa-color-violet-50);
8895

89-
--wa-color-gray-95: #f1f2f4;
90-
--wa-color-gray-90: #e2e5e8;
91-
--wa-color-gray-80: #c2c9d0;
92-
--wa-color-gray-70: #a6b0ba;
93-
--wa-color-gray-60: #8897a3;
94-
--wa-color-gray-50: #657888;
95-
--wa-color-gray-40: #435c6f;
96-
--wa-color-gray-30: #2d485d;
97-
--wa-color-gray-20: #18354a;
98-
--wa-color-gray-10: #012034;
99-
--wa-color-gray-05: #001421;
96+
--wa-color-gray-95: #f1f2f4 /* oklch(96.095% 0.00288 264.54) */;
97+
--wa-color-gray-90: #e2e5e8 /* oklch(92.046% 0.00521 247.88) */;
98+
--wa-color-gray-80: #c2c9d0 /* oklch(83.255% 0.01246 247.98) */;
99+
--wa-color-gray-70: #a6b0ba /* oklch(75.244% 0.01824 248.07) */;
100+
--wa-color-gray-60: #8897a3 /* oklch(66.841% 0.02477 242.06) */;
101+
--wa-color-gray-50: #657888 /* oklch(56.309% 0.0335 243.8) */;
102+
--wa-color-gray-40: #435c6f /* oklch(46.235% 0.04323 241.6) */;
103+
--wa-color-gray-30: #2d485d /* oklch(38.946% 0.04864 242.89) */;
104+
--wa-color-gray-20: #18354a /* oklch(31.701% 0.05142 242.24) */;
105+
--wa-color-gray-10: #012034 /* oklch(23.295% 0.05299 241.23) */;
106+
--wa-color-gray-05: #001421 /* oklch(18.122% 0.03959 237.04) */;
107+
--wa-color-gray: var(--wa-color-gray-40);
100108
}

‎src/styles/color/bright.css

Lines changed: 96 additions & 88 deletions
Original file line numberDiff line numberDiff line change
@@ -2,99 +2,107 @@
22
:host,
33
:where([class^='wa-theme-'], [class*=' wa-theme-']),
44
.wa-palette-bright {
5-
--wa-color-red-95: #ffefef;
6-
--wa-color-red-90: #ffdddd;
7-
--wa-color-red-80: #ffb7b7;
8-
--wa-color-red-70: #ff8e8e;
9-
--wa-color-red-60: #fd5f5f;
10-
--wa-color-red-50: #de3131;
11-
--wa-color-red-40: #b40917;
12-
--wa-color-red-30: #910000;
13-
--wa-color-red-20: #6d0000;
14-
--wa-color-red-10: #450000;
15-
--wa-color-red-05: #300000;
5+
--wa-color-red-95: #ffefef /* oklch(96.475% 0.01735 17.458) */;
6+
--wa-color-red-90: #fdd /* oklch(92.574% 0.03779 17.855) */;
7+
--wa-color-red-80: #ffb7b7 /* oklch(84.652% 0.084 18.964) */;
8+
--wa-color-red-70: #ff8e8e /* oklch(76.851% 0.13692 20.73) */;
9+
--wa-color-red-60: #fd5f5f /* oklch(69.182% 0.19322 23.628) */;
10+
--wa-color-red-50: #de3131 /* oklch(58.924% 0.20878 26.488) */;
11+
--wa-color-red-40: #b40917 /* oklch(48.728% 0.19437 26.549) */;
12+
--wa-color-red-30: #910000 /* oklch(41.235% 0.16921 29.234) */;
13+
--wa-color-red-20: #6d0000 /* oklch(33.581% 0.1378 29.234) */;
14+
--wa-color-red-10: #450000 /* oklch(24.517% 0.1006 29.234) */;
15+
--wa-color-red-05: #300000 /* oklch(19.415% 0.07967 29.234) */;
16+
--wa-color-red: var(--wa-color-red-50);
1617

17-
--wa-color-yellow-95: #fef3c1;
18-
--wa-color-yellow-90: #fee682;
19-
--wa-color-yellow-80: #fbc217;
20-
--wa-color-yellow-70: #f39b00;
21-
--wa-color-yellow-60: #e67700;
22-
--wa-color-yellow-50: #b75d00;
23-
--wa-color-yellow-40: #8c4600;
24-
--wa-color-yellow-30: #6f3600;
25-
--wa-color-yellow-20: #532600;
26-
--wa-color-yellow-10: #341500;
27-
--wa-color-yellow-05: #220c00;
18+
--wa-color-yellow-95: #fef3c1 /* oklch(96.062% 0.06532 97.08) */;
19+
--wa-color-yellow-90: #fee682 /* oklch(92.403% 0.1233 96.206) */;
20+
--wa-color-yellow-80: #fbc217 /* oklch(84.22% 0.16883 86.577) */;
21+
--wa-color-yellow-70: #f39b00 /* oklch(76.07% 0.16522 69.58) */;
22+
--wa-color-yellow-60: #e67700 /* oklch(68.349% 0.1693 54.965) */;
23+
--wa-color-yellow-50: #b75d00 /* oklch(57.535% 0.1429 54.739) */;
24+
--wa-color-yellow-40: #8c4600 /* oklch(47.31% 0.11712 55.012) */;
25+
--wa-color-yellow-30: #6f3600 /* oklch(40.006% 0.09924 54.843) */;
26+
--wa-color-yellow-20: #532600 /* oklch(32.518% 0.08157 53.927) */;
27+
--wa-color-yellow-10: #341500 /* oklch(23.823% 0.06026 53.274) */;
28+
--wa-color-yellow-05: #220c00 /* oklch(18.585% 0.04625 54.588) */;
29+
--wa-color-yellow: var(--wa-color-yellow-60);
2830

29-
--wa-color-green-95: #e0fae4;
30-
--wa-color-green-90: #baf4c2;
31-
--wa-color-green-80: #73e085;
32-
--wa-color-green-70: #46c65c;
33-
--wa-color-green-60: #33aa49;
34-
--wa-color-green-50: #2a863c;
35-
--wa-color-green-40: #20662e;
36-
--wa-color-green-30: #194f24;
37-
--wa-color-green-20: #123a1a;
38-
--wa-color-green-10: #0b2210;
39-
--wa-color-green-05: #07150a;
31+
--wa-color-green-95: #e0fae4 /* oklch(96.026% 0.03986 149.82) */;
32+
--wa-color-green-90: #baf4c2 /* oklch(91.456% 0.0897 148.52) */;
33+
--wa-color-green-80: #73e085 /* oklch(81.974% 0.16188 147.55) */;
34+
--wa-color-green-70: #46c65c /* oklch(73.25% 0.18463 146.42) */;
35+
--wa-color-green-60: #33aa49 /* oklch(65.121% 0.17208 146.32) */;
36+
--wa-color-green-50: #2a863c /* oklch(54.872% 0.13954 146.82) */;
37+
--wa-color-green-40: #20662e /* oklch(45.254% 0.11199 147.1) */;
38+
--wa-color-green-30: #194f24 /* oklch(38.029% 0.09087 147.43) */;
39+
--wa-color-green-20: #123a1a /* oklch(31.086% 0.07165 147.58) */;
40+
--wa-color-green-10: #0b2210 /* oklch(22.733% 0.04522 148.82) */;
41+
--wa-color-green-05: #07150a /* oklch(17.871% 0.03021 149.94) */;
42+
--wa-color-green: var(--wa-color-green-70);
4043

41-
--wa-color-teal-95: #d8fbf0;
42-
--wa-color-teal-90: #a4f5dd;
43-
--wa-color-teal-80: #51e1b5;
44-
--wa-color-teal-70: #1cc693;
45-
--wa-color-teal-60: #0da97a;
46-
--wa-color-teal-50: #088660;
47-
--wa-color-teal-40: #066549;
48-
--wa-color-teal-30: #054f39;
49-
--wa-color-teal-20: #043a2a;
50-
--wa-color-teal-10: #022319;
51-
--wa-color-teal-05: #01160f;
44+
--wa-color-teal-95: #d8fbf0 /* oklch(96.011% 0.03902 174.52) */;
45+
--wa-color-teal-90: #a4f5dd /* oklch(91.124% 0.08611 173.73) */;
46+
--wa-color-teal-80: #51e1b5 /* oklch(82.107% 0.13869 169.04) */;
47+
--wa-color-teal-70: #1cc693 /* oklch(73.497% 0.14832 165.73) */;
48+
--wa-color-teal-60: #0da97a /* oklch(65.179% 0.13571 164.57) */;
49+
--wa-color-teal-50: #088660 /* oklch(55.001% 0.1145 164.58) */;
50+
--wa-color-teal-40: #066549 /* oklch(45.014% 0.09185 165.65) */;
51+
--wa-color-teal-30: #054f39 /* oklch(38.028% 0.07648 166.14) */;
52+
--wa-color-teal-20: #043a2a /* oklch(31.057% 0.06074 167.25) */;
53+
--wa-color-teal-10: #022319 /* oklch(22.882% 0.04342 168.87) */;
54+
--wa-color-teal-05: #01160f /* oklch(17.9% 0.03352 169.84) */;
55+
--wa-color-teal: var(--wa-color-teal-70);
5256

53-
--wa-color-blue-95: #e7f5ff;
54-
--wa-color-blue-90: #ceeaff;
55-
--wa-color-blue-80: #94d0fe;
56-
--wa-color-blue-70: #60b5f9;
57-
--wa-color-blue-60: #3299f0;
58-
--wa-color-blue-50: #1a77cc;
59-
--wa-color-blue-40: #165a9b;
60-
--wa-color-blue-30: #11477a;
61-
--wa-color-blue-20: #0d3459;
62-
--wa-color-blue-10: #071f35;
63-
--wa-color-blue-05: #051321;
57+
--wa-color-blue-95: #e7f5ff /* oklch(96.268% 0.02005 238.66) */;
58+
--wa-color-blue-90: #ceeaff /* oklch(92.321% 0.04119 240.38) */;
59+
--wa-color-blue-80: #94d0fe /* oklch(83.329% 0.08941 242.12) */;
60+
--wa-color-blue-70: #60b5f9 /* oklch(74.8% 0.1287 244.9) */;
61+
--wa-color-blue-60: #3299f0 /* oklch(66.644% 0.15866 248.64) */;
62+
--wa-color-blue-50: #1a77cc /* oklch(56.301% 0.15449 251.61) */;
63+
--wa-color-blue-40: #165a9b /* oklch(46.242% 0.12393 251.89) */;
64+
--wa-color-blue-30: #11477a /* oklch(39.241% 0.10211 251.38) */;
65+
--wa-color-blue-20: #0d3459 /* oklch(31.95% 0.07871 250.89) */;
66+
--wa-color-blue-10: #071f35 /* oklch(23.365% 0.05197 249.19) */;
67+
--wa-color-blue-05: #051321 /* oklch(18.208% 0.03553 248.92) */;
68+
--wa-color-blue: var(--wa-color-blue-60);
6469

65-
--wa-color-indigo-95: #edf2ff;
66-
--wa-color-indigo-90: #dce5ff;
67-
--wa-color-indigo-80: #bac8ff;
68-
--wa-color-indigo-70: #96abff;
69-
--wa-color-indigo-60: #738efc;
70-
--wa-color-indigo-50: #486af1;
71-
--wa-color-indigo-40: #354dc3;
72-
--wa-color-indigo-30: #293c98;
73-
--wa-color-indigo-20: #1e2c70;
74-
--wa-color-indigo-10: #121a43;
75-
--wa-color-indigo-05: #0b102a;
70+
--wa-color-indigo-95: #edf2ff /* oklch(96.116% 0.01824 269.09) */;
71+
--wa-color-indigo-90: #dce5ff /* oklch(92.306% 0.03671 270.47) */;
72+
--wa-color-indigo-80: #bac8ff /* oklch(84.108% 0.07867 273.5) */;
73+
--wa-color-indigo-70: #96abff /* oklch(75.857% 0.12332 272.47) */;
74+
--wa-color-indigo-60: #738efc /* oklch(67.734% 0.16478 271.06) */;
75+
--wa-color-indigo-50: #486af1 /* oklch(57.714% 0.20605 268.43) */;
76+
--wa-color-indigo-40: #354dc3 /* oklch(47.651% 0.18567 269.2) */;
77+
--wa-color-indigo-30: #293c98 /* oklch(40.065% 0.15173 269.37) */;
78+
--wa-color-indigo-20: #1e2c70 /* oklch(32.649% 0.11852 269.77) */;
79+
--wa-color-indigo-10: #121a43 /* oklch(23.813% 0.07786 271) */;
80+
--wa-color-indigo-05: #0b102a /* oklch(18.556% 0.05298 272.08) */;
81+
--wa-color-indigo: var(--wa-color-indigo-50);
7682

77-
--wa-color-violet-95: #f3f0ff;
78-
--wa-color-violet-90: #eae2ff;
79-
--wa-color-violet-80: #d1c0ff;
80-
--wa-color-violet-70: #b8a0fd;
81-
--wa-color-violet-60: #a080fb;
82-
--wa-color-violet-50: #7f57f5;
83-
--wa-color-violet-40: #603dc7;
84-
--wa-color-violet-30: #4c309c;
85-
--wa-color-violet-20: #372372;
86-
--wa-color-violet-10: #211544;
87-
--wa-color-violet-05: #150d2a;
83+
--wa-color-violet-95: #f3f0ff /* oklch(96.181% 0.02019 295.19) */;
84+
--wa-color-violet-90: #eae2ff /* oklch(92.785% 0.03984 298.23) */;
85+
--wa-color-violet-80: #d1c0ff /* oklch(84.322% 0.08845 296.84) */;
86+
--wa-color-violet-70: #b8a0fd /* oklch(76.245% 0.13251 294.93) */;
87+
--wa-color-violet-60: #a080fb /* oklch(68.452% 0.17635 293.16) */;
88+
--wa-color-violet-50: #7f57f5 /* oklch(58.672% 0.22391 289.27) */;
89+
--wa-color-violet-40: #603dc7 /* oklch(48.471% 0.20143 288.1) */;
90+
--wa-color-violet-30: #4c309c /* oklch(40.999% 0.16546 288.84) */;
91+
--wa-color-violet-20: #372372 /* oklch(33.171% 0.12869 289.06) */;
92+
--wa-color-violet-10: #211544 /* oklch(24.211% 0.08441 290.44) */;
93+
--wa-color-violet-05: #150d2a /* oklch(18.859% 0.05661 292.88) */;
94+
--wa-color-violet: var(--wa-color-violet-50);
8895

89-
--wa-color-gray-95: #f1f2f4;
90-
--wa-color-gray-90: #e3e5ea;
91-
--wa-color-gray-80: #c7cad4;
92-
--wa-color-gray-70: #a9afbe;
93-
--wa-color-gray-60: #8d95a8;
94-
--wa-color-gray-50: #6a7591;
95-
--wa-color-gray-40: #4b5977;
96-
--wa-color-gray-30: #344566;
97-
--wa-color-gray-20: #1a3356;
98-
--wa-color-gray-10: #0e1e35;
99-
--wa-color-gray-05: #081220;
96+
--wa-color-gray-95: #f1f2f4 /* oklch(96.095% 0.00288 264.54) */;
97+
--wa-color-gray-90: #e3e5ea /* oklch(92.181% 0.00709 268.54) */;
98+
--wa-color-gray-80: #c7cad4 /* oklch(83.966% 0.01424 272.66) */;
99+
--wa-color-gray-70: #a9afbe /* oklch(75.397% 0.0225 268.37) */;
100+
--wa-color-gray-60: #8d95a8 /* oklch(66.968% 0.02959 267.4) */;
101+
--wa-color-gray-50: #6a7591 /* oklch(56.369% 0.04546 268.14) */;
102+
--wa-color-gray-40: #4b5977 /* oklch(46.454% 0.05212 265.05) */;
103+
--wa-color-gray-30: #344566 /* oklch(39.129% 0.06051 263) */;
104+
--wa-color-gray-20: #1a3356 /* oklch(32.021% 0.07012 257.11) */;
105+
--wa-color-gray-10: #0e1e35 /* oklch(23.442% 0.04969 257.55) */;
106+
--wa-color-gray-05: #081220 /* oklch(18.072% 0.03272 256.72) */;
107+
--wa-color-gray: var(--wa-color-gray-40);
100108
}

0 commit comments

Comments
 (0)