Skip to content

Tintless variables + OKLCH coords as comments #596

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Jan 24, 2025
Merged

Tintless variables + OKLCH coords as comments #596

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
36c93a6
Tintless variables + OKLCH coords as comments
LeaVerou Jan 24, 2025
7a46a6f
Add tintless variables and OKLCH coordinates
LeaVerou Jan 24, 2025
b2362e1
Make min/max accent tints configurable
LeaVerou Jan 24, 2025
28dbca5
Update src/styles/color/tintless.js
LeaVerou Jan 24, 2025
3c00a43
Fix formatting
LeaVerou Jan 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
184 changes: 96 additions & 88 deletions src/styles/color/anodized.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,99 +2,107 @@
:host,
:where([class^='wa-theme-'], [class*=' wa-theme-']),
.wa-palette-anodized {
--wa-color-red-95: #fbeeeb;
--wa-color-red-90: #f8e0d9;
--wa-color-red-80: #efbdb1;
--wa-color-red-70: #e39f8d;
--wa-color-red-60: #d1806b;
--wa-color-red-50: #b35e49;
--wa-color-red-40: #8e4330;
--wa-color-red-30: #733223;
--wa-color-red-20: #562317;
--wa-color-red-10: #36130a;
--wa-color-red-05: #240a05;
--wa-color-red-95: #fbeeeb /* oklch(95.851% 0.01469 33.071) */;
--wa-color-red-90: #f8e0d9 /* oklch(92.431% 0.02823 36.865) */;
--wa-color-red-80: #efbdb1 /* oklch(83.972% 0.06035 33.801) */;
--wa-color-red-70: #e39f8d /* oklch(76.38% 0.08577 35.424) */;
--wa-color-red-60: #d1806b /* oklch(68.083% 0.10573 35.329) */;
--wa-color-red-50: #b35e49 /* oklch(57.764% 0.11532 34.927) */;
--wa-color-red-40: #8e4330 /* oklch(47.527% 0.10671 35.325) */;
--wa-color-red-30: #733223 /* oklch(40.293% 0.09564 34.326) */;
--wa-color-red-20: #562317 /* oklch(32.748% 0.07905 34.548) */;
--wa-color-red-10: #36130a /* oklch(23.979% 0.05887 35.518) */;
--wa-color-red-05: #240a05 /* oklch(18.708% 0.04625 34.412) */;
--wa-color-red: var(--wa-color-red-50);

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

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

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

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

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

--wa-color-violet-95: #fbedfd;
--wa-color-violet-90: #f7defa;
--wa-color-violet-80: #eeb6f5;
--wa-color-violet-70: #e590f0;
--wa-color-violet-60: #d56ae2;
--wa-color-violet-50: #b547be;
--wa-color-violet-40: #952598;
--wa-color-violet-30: #751d79;
--wa-color-violet-20: #561658;
--wa-color-violet-10: #340d36;
--wa-color-violet-05: #210822;
--wa-color-violet-95: #fbedfd /* oklch(96.172% 0.02584 321.94) */;
--wa-color-violet-90: #f7defa /* oklch(92.922% 0.04588 322.59) */;
--wa-color-violet-80: #eeb6f5 /* oklch(84.707% 0.10462 322.7) */;
--wa-color-violet-70: #e590f0 /* oklch(77.326% 0.15957 322.79) */;
--wa-color-violet-60: #d56ae2 /* oklch(69.373% 0.19861 323.18) */;
--wa-color-violet-50: #b547be /* oklch(59.084% 0.2006 324.63) */;
--wa-color-violet-40: #952598 /* oklch(48.958% 0.19474 326.91) */;
--wa-color-violet-30: #751d79 /* oklch(41.379% 0.16261 326.12) */;
--wa-color-violet-20: #561658 /* oklch(33.585% 0.12607 326.65) */;
--wa-color-violet-10: #340d36 /* oklch(24.532% 0.08615 325.79) */;
--wa-color-violet-05: #210822 /* oklch(19.065% 0.0603 326.11) */;
--wa-color-violet: var(--wa-color-violet-50);

--wa-color-gray-95: #f1f2f4;
--wa-color-gray-90: #e2e5e8;
--wa-color-gray-80: #c2c9d0;
--wa-color-gray-70: #a6b0ba;
--wa-color-gray-60: #8897a3;
--wa-color-gray-50: #657888;
--wa-color-gray-40: #435c6f;
--wa-color-gray-30: #2d485d;
--wa-color-gray-20: #18354a;
--wa-color-gray-10: #012034;
--wa-color-gray-05: #001421;
--wa-color-gray-95: #f1f2f4 /* oklch(96.095% 0.00288 264.54) */;
--wa-color-gray-90: #e2e5e8 /* oklch(92.046% 0.00521 247.88) */;
--wa-color-gray-80: #c2c9d0 /* oklch(83.255% 0.01246 247.98) */;
--wa-color-gray-70: #a6b0ba /* oklch(75.244% 0.01824 248.07) */;
--wa-color-gray-60: #8897a3 /* oklch(66.841% 0.02477 242.06) */;
--wa-color-gray-50: #657888 /* oklch(56.309% 0.0335 243.8) */;
--wa-color-gray-40: #435c6f /* oklch(46.235% 0.04323 241.6) */;
--wa-color-gray-30: #2d485d /* oklch(38.946% 0.04864 242.89) */;
--wa-color-gray-20: #18354a /* oklch(31.701% 0.05142 242.24) */;
--wa-color-gray-10: #012034 /* oklch(23.295% 0.05299 241.23) */;
--wa-color-gray-05: #001421 /* oklch(18.122% 0.03959 237.04) */;
--wa-color-gray: var(--wa-color-gray-40);
}
184 changes: 96 additions & 88 deletions src/styles/color/bright.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,99 +2,107 @@
:host,
:where([class^='wa-theme-'], [class*=' wa-theme-']),
.wa-palette-bright {
--wa-color-red-95: #ffefef;
--wa-color-red-90: #ffdddd;
--wa-color-red-80: #ffb7b7;
--wa-color-red-70: #ff8e8e;
--wa-color-red-60: #fd5f5f;
--wa-color-red-50: #de3131;
--wa-color-red-40: #b40917;
--wa-color-red-30: #910000;
--wa-color-red-20: #6d0000;
--wa-color-red-10: #450000;
--wa-color-red-05: #300000;
--wa-color-red-95: #ffefef /* oklch(96.475% 0.01735 17.458) */;
--wa-color-red-90: #fdd /* oklch(92.574% 0.03779 17.855) */;
--wa-color-red-80: #ffb7b7 /* oklch(84.652% 0.084 18.964) */;
--wa-color-red-70: #ff8e8e /* oklch(76.851% 0.13692 20.73) */;
--wa-color-red-60: #fd5f5f /* oklch(69.182% 0.19322 23.628) */;
--wa-color-red-50: #de3131 /* oklch(58.924% 0.20878 26.488) */;
--wa-color-red-40: #b40917 /* oklch(48.728% 0.19437 26.549) */;
--wa-color-red-30: #910000 /* oklch(41.235% 0.16921 29.234) */;
--wa-color-red-20: #6d0000 /* oklch(33.581% 0.1378 29.234) */;
--wa-color-red-10: #450000 /* oklch(24.517% 0.1006 29.234) */;
--wa-color-red-05: #300000 /* oklch(19.415% 0.07967 29.234) */;
--wa-color-red: var(--wa-color-red-50);

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

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

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

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

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

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

--wa-color-gray-95: #f1f2f4;
--wa-color-gray-90: #e3e5ea;
--wa-color-gray-80: #c7cad4;
--wa-color-gray-70: #a9afbe;
--wa-color-gray-60: #8d95a8;
--wa-color-gray-50: #6a7591;
--wa-color-gray-40: #4b5977;
--wa-color-gray-30: #344566;
--wa-color-gray-20: #1a3356;
--wa-color-gray-10: #0e1e35;
--wa-color-gray-05: #081220;
--wa-color-gray-95: #f1f2f4 /* oklch(96.095% 0.00288 264.54) */;
--wa-color-gray-90: #e3e5ea /* oklch(92.181% 0.00709 268.54) */;
--wa-color-gray-80: #c7cad4 /* oklch(83.966% 0.01424 272.66) */;
--wa-color-gray-70: #a9afbe /* oklch(75.397% 0.0225 268.37) */;
--wa-color-gray-60: #8d95a8 /* oklch(66.968% 0.02959 267.4) */;
--wa-color-gray-50: #6a7591 /* oklch(56.369% 0.04546 268.14) */;
--wa-color-gray-40: #4b5977 /* oklch(46.454% 0.05212 265.05) */;
--wa-color-gray-30: #344566 /* oklch(39.129% 0.06051 263) */;
--wa-color-gray-20: #1a3356 /* oklch(32.021% 0.07012 257.11) */;
--wa-color-gray-10: #0e1e35 /* oklch(23.442% 0.04969 257.55) */;
--wa-color-gray-05: #081220 /* oklch(18.072% 0.03272 256.72) */;
--wa-color-gray: var(--wa-color-gray-40);
}
Loading
Loading