Skip to content

Revisit bright palette accents, closes #697 #705

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 8 commits into from
Feb 10, 2025
Merged

Revisit bright palette accents, closes #697 #705

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
f4e01d7
Adjust red and yellow
lindsaym-fa Feb 5, 2025
58fa821
Update remaining colors
lindsaym-fa Feb 5, 2025
fa2122d
Correct Awesome theme success colors
lindsaym-fa Feb 5, 2025
14d20ae
Merge branch 'next' into 697-revisit-bright-palette-accents
lindsaym-fa Feb 5, 2025
2096198
Adjust `red`
lindsaym-fa Feb 6, 2025
521188d
Merge branch 'next' into 697-revisit-bright-palette-accents
lindsaym-fa Feb 10, 2025
87fe452
Redefine `indigo` and `purple`
lindsaym-fa Feb 10, 2025
8233aa0
Tweak `indigo`
lindsaym-fa Feb 10, 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
180 changes: 90 additions & 90 deletions src/styles/color/bright.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,112 +5,112 @@
--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-red-key: 50;
--wa-color-red-70: #ff8e90 /* oklch(76.896% 0.13677 19.629) */;
--wa-color-red-60: #f76563 /* oklch(69.077% 0.18003 23.786) */;
--wa-color-red-50: #d04442 /* oklch(58.513% 0.17687 25.152) */;
--wa-color-red-40: #a52c2b /* oklch(48.271% 0.15774 25.737) */;
--wa-color-red-30: #861d1c /* oklch(40.905% 0.1406 26.45) */;
--wa-color-red-20: #680d0e /* oklch(33.449% 0.1237 26.777) */;
--wa-color-red-10: #450002 /* oklch(24.549% 0.10017 27.414) */;
--wa-color-red-05: #2f0000 /* oklch(19.165% 0.07864 29.234) */;
--wa-color-red: var(--wa-color-red-60);
--wa-color-red-key: 60;

--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-yellow-key: 60;
--wa-color-yellow-95: #fff4c0 /* oklch(96.32% 0.0677 97.497) */;
--wa-color-yellow-90: #ffe579 /* oklch(92.176% 0.13122 96.089) */;
--wa-color-yellow-80: #ffbf18 /* oklch(84.069% 0.16897 83.446) */;
--wa-color-yellow-70: #f29c00 /* oklch(76.127% 0.16443 70.48) */;
--wa-color-yellow-60: #d08402 /* oklch(67.671% 0.14665 69.482) */;
--wa-color-yellow-50: #a56804 /* oklch(57.027% 0.1228 69.447) */;
--wa-color-yellow-40: #7d4f04 /* oklch(46.866% 0.09949 70.54) */;
--wa-color-yellow-30: #643d03 /* oklch(39.73% 0.08492 68.821) */;
--wa-color-yellow-20: #4a2c01 /* oklch(32.318% 0.06941 69.3) */;
--wa-color-yellow-10: #2d1901 /* oklch(23.512% 0.04963 68.776) */;
--wa-color-yellow-05: #1d0f00 /* oklch(18.392% 0.03939 71.947) */;
--wa-color-yellow: var(--wa-color-yellow-80);
--wa-color-yellow-key: 80;

--wa-color-green-95: #d8fbf0 /* oklch(96.011% 0.03902 174.52) */;
--wa-color-green-90: #a4f5dd /* oklch(91.124% 0.08611 173.73) */;
--wa-color-green-80: #51e1b5 /* oklch(82.107% 0.13869 169.04) */;
--wa-color-green-70: #1cc693 /* oklch(73.497% 0.14832 165.73) */;
--wa-color-green-60: #0da97a /* oklch(65.179% 0.13571 164.57) */;
--wa-color-green-50: #088660 /* oklch(55.001% 0.1145 164.58) */;
--wa-color-green-40: #066549 /* oklch(45.014% 0.09185 165.65) */;
--wa-color-green-30: #054f39 /* oklch(38.028% 0.07648 166.14) */;
--wa-color-green-20: #043a2a /* oklch(31.057% 0.06074 167.25) */;
--wa-color-green-10: #022319 /* oklch(22.882% 0.04342 168.87) */;
--wa-color-green-05: #01160f /* oklch(17.9% 0.03352 169.84) */;
--wa-color-green: var(--wa-color-green-70);
--wa-color-green-key: 70;
--wa-color-green-95: #dbfaf0 /* oklch(96.006% 0.03481 174.15) */;
--wa-color-green-90: #b1f3de /* oklch(91.419% 0.0722 172.95) */;
--wa-color-green-80: #3fe2b2 /* oklch(81.853% 0.14907 168.5) */;
--wa-color-green-70: #29c596 /* oklch(73.487% 0.14194 166.89) */;
--wa-color-green-60: #19a87d /* oklch(65.107% 0.13007 166.01) */;
--wa-color-green-50: #0a8560 /* oklch(54.742% 0.11293 164.94) */;
--wa-color-green-40: #036648 /* oklch(45.239% 0.09474 164.51) */;
--wa-color-green-30: #015038 /* oklch(38.229% 0.08003 164.89) */;
--wa-color-green-20: #003a28 /* oklch(30.885% 0.06454 165.46) */;
--wa-color-green-10: #002317 /* oklch(22.712% 0.04718 165.92) */;
--wa-color-green-05: #00160d /* oklch(17.744% 0.03707 165.47) */;
--wa-color-green: var(--wa-color-green-80);
--wa-color-green-key: 80;

--wa-color-cyan-95: #dcf9fc /* oklch(96.213% 0.03042 204.23) */;
--wa-color-cyan-90: #aff0f6 /* oklch(91.368% 0.06543 203.24) */;
--wa-color-cyan-80: #69dae9 /* oklch(82.807% 0.10458 206.97) */;
--wa-color-cyan-70: #2bbfd4 /* oklch(74.03% 0.11967 209.65) */;
--wa-color-cyan-60: #12a3b8 /* oklch(65.721% 0.1115 211.17) */;
--wa-color-cyan-50: #0c8195 /* oklch(55.546% 0.09532 213.91) */;
--wa-color-cyan-40: #096272 /* oklch(45.73% 0.07805 214.43) */;
--wa-color-cyan-30: #074c59 /* oklch(38.429% 0.06506 214.82) */;
--wa-color-cyan-20: #063842 /* oklch(31.484% 0.05211 215.06) */;
--wa-color-cyan-10: #032127 /* oklch(22.892% 0.03684 213.41) */;
--wa-color-cyan-05: #021518 /* oklch(18.045% 0.02758 207.97) */;
--wa-color-cyan: var(--wa-color-cyan-70);
--wa-color-cyan-key: 70;
--wa-color-cyan-95: #dbf9fc /* oklch(96.146% 0.03142 203.97) */;
--wa-color-cyan-90: #a6f2fa /* oklch(91.438% 0.07533 204.25) */;
--wa-color-cyan-80: #51dcee /* oklch(82.7% 0.11986 207.31) */;
--wa-color-cyan-70: #2fbfd5 /* oklch(74.137% 0.11878 210.5) */;
--wa-color-cyan-60: #1fa3b9 /* oklch(65.917% 0.10909 212.4) */;
--wa-color-cyan-50: #118095 /* oklch(55.343% 0.09433 215.17) */;
--wa-color-cyan-40: #056273 /* oklch(45.726% 0.0795 215.29) */;
--wa-color-cyan-30: #014c5a /* oklch(38.37% 0.06757 215.53) */;
--wa-color-cyan-20: #003843 /* oklch(31.374% 0.0556 215.61) */;
--wa-color-cyan-10: #002129 /* oklch(22.851% 0.04085 217.17) */;
--wa-color-cyan-05: #00151a /* oklch(17.995% 0.03161 213.85) */;
--wa-color-cyan: var(--wa-color-cyan-80);
--wa-color-cyan-key: 80;

--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-blue-key: 60;
--wa-color-blue-80: #93d0ff /* oklch(83.315% 0.09108 242.3) */;
--wa-color-blue-70: #5bb5fe /* oklch(74.85% 0.13654 245.56) */;
--wa-color-blue-60: #4a99e4 /* oklch(66.699% 0.13625 249.55) */;
--wa-color-blue-50: #3178c0 /* oklch(56.346% 0.13216 251.63) */;
--wa-color-blue-40: #235a96 /* oklch(46.273% 0.11344 253.15) */;
--wa-color-blue-30: #194777 /* oklch(39.272% 0.09544 252.36) */;
--wa-color-blue-20: #103359 /* oklch(31.787% 0.07886 253.15) */;
--wa-color-blue-10: #061e38 /* oklch(23.254% 0.05851 252.8) */;
--wa-color-blue-05: #031225 /* oklch(18.051% 0.04534 253.25) */;
--wa-color-blue: var(--wa-color-blue-70);
--wa-color-blue-key: 70;

--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-indigo-key: 50;
--wa-color-indigo-70: #95abff /* oklch(75.79% 0.12361 271.99) */;
--wa-color-indigo-60: #728dff /* oklch(67.658% 0.17035 271.19) */;
--wa-color-indigo-50: #516ed8 /* oklch(57.136% 0.16529 269.13) */;
--wa-color-indigo-40: #3851b3 /* oklch(47.273% 0.15818 268.81) */;
--wa-color-indigo-30: #2a3f8f /* oklch(39.968% 0.13476 268.52) */;
--wa-color-indigo-20: #1e2d6c /* oklch(32.512% 0.11114 269.2) */;
--wa-color-indigo-10: #101a45 /* oklch(23.864% 0.08185 269.36) */;
--wa-color-indigo-05: #080f2f /* oklch(18.545% 0.06467 269.54) */;
--wa-color-indigo: var(--wa-color-indigo-60);
--wa-color-indigo-key: 60;

--wa-color-purple-95: #f3f0ff /* oklch(96.181% 0.02019 295.19) */;
--wa-color-purple-90: #eae2ff /* oklch(92.785% 0.03984 298.23) */;
--wa-color-purple-80: #d1c0ff /* oklch(84.322% 0.08845 296.84) */;
--wa-color-purple-70: #b8a0fd /* oklch(76.245% 0.13251 294.93) */;
--wa-color-purple-60: #a080fb /* oklch(68.452% 0.17635 293.16) */;
--wa-color-purple-50: #7f57f5 /* oklch(58.672% 0.22391 289.27) */;
--wa-color-purple-40: #603dc7 /* oklch(48.471% 0.20143 288.1) */;
--wa-color-purple-30: #4c309c /* oklch(40.999% 0.16546 288.84) */;
--wa-color-purple-20: #372372 /* oklch(33.171% 0.12869 289.06) */;
--wa-color-purple-10: #211544 /* oklch(24.211% 0.08441 290.44) */;
--wa-color-purple-05: #150d2a /* oklch(18.859% 0.05661 292.88) */;
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-purple-70: #b8a0fe /* oklch(76.293% 0.13384 294.76) */;
--wa-color-purple-60: #9e83f2 /* oklch(68.278% 0.16015 292.86) */;
--wa-color-purple-50: #7b65cb /* oklch(57.62% 0.15206 290.77) */;
--wa-color-purple-40: #5c4ba7 /* oklch(47.824% 0.14213 288.32) */;
--wa-color-purple-30: #493590 /* oklch(40.487% 0.14337 288.41) */;
--wa-color-purple-20: #371f7a /* oklch(33.309% 0.1443 287.97) */;
--wa-color-purple-10: #250161 /* oklch(25.284% 0.14353 287.73) */;
--wa-color-purple-05: #150047 /* oklch(19.858% 0.11707 283.68) */;
--wa-color-purple: var(--wa-color-purple-60);
--wa-color-purple-key: 60;

--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-95: #f1f2f5 /* oklch(96.124% 0.00414 271.37) */;
--wa-color-gray-90: #e4e6eb /* oklch(92.484% 0.00709 268.54) */;
--wa-color-gray-80: #c5cad5 /* oklch(83.843% 0.01625 266.26) */;
--wa-color-gray-70: #a8afbf /* oklch(75.353% 0.02424 266.85) */;
--wa-color-gray-60: #8c95aa /* oklch(66.963% 0.0328 267.07) */;
--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-40: #4a597a /* oklch(46.526% 0.05715 265.38) */;
--wa-color-gray-30: #384565 /* oklch(39.365% 0.05713 266.86) */;
--wa-color-gray-20: #26314f /* oklch(31.829% 0.05593 267.86) */;
--wa-color-gray-10: #131c38 /* oklch(23.46% 0.0555 268.48) */;
--wa-color-gray-05: #0a1127 /* oklch(18.485% 0.04617 268.36) */;
--wa-color-gray: var(--wa-color-gray-40);
--wa-color-gray-key: 40;
}
32 changes: 16 additions & 16 deletions src/styles/themes/awesome/color.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,14 +25,14 @@
--wa-color-brand-on-normal: var(--wa-color-brand-40);
--wa-color-brand-on-loud: var(--wa-color-text-normal);

--wa-color-success-fill-quiet: var(--wa-color-cyan-95);
--wa-color-success-fill-normal: var(--wa-color-cyan-90);
--wa-color-success-fill-loud: var(--wa-color-cyan-80);
--wa-color-success-border-quiet: var(--wa-color-cyan-70);
--wa-color-success-border-normal: var(--wa-color-cyan-50);
--wa-color-success-border-loud: var(--wa-color-cyan-30);
--wa-color-success-on-quiet: var(--wa-color-cyan-40);
--wa-color-success-on-normal: var(--wa-color-cyan-40);
--wa-color-success-fill-quiet: var(--wa-color-green-95);
--wa-color-success-fill-normal: var(--wa-color-green-90);
--wa-color-success-fill-loud: var(--wa-color-green-80);
--wa-color-success-border-quiet: var(--wa-color-green-70);
--wa-color-success-border-normal: var(--wa-color-green-50);
--wa-color-success-border-loud: var(--wa-color-green-30);
--wa-color-success-on-quiet: var(--wa-color-green-40);
--wa-color-success-on-normal: var(--wa-color-green-40);
--wa-color-success-on-loud: var(--wa-color-text-normal);

--wa-color-warning-fill-quiet: var(--wa-color-yellow-95);
Expand Down Expand Up @@ -85,14 +85,14 @@
--wa-color-brand-on-normal: var(--wa-color-brand-80);
--wa-color-brand-on-loud: white;

--wa-color-success-fill-quiet: var(--wa-color-cyan-10);
--wa-color-success-fill-normal: var(--wa-color-cyan-20);
--wa-color-success-fill-loud: var(--wa-color-cyan-50);
--wa-color-success-border-quiet: var(--wa-color-cyan-30);
--wa-color-success-border-normal: var(--wa-color-cyan-50);
--wa-color-success-border-loud: var(--wa-color-cyan-80);
--wa-color-success-on-quiet: var(--wa-color-cyan-70);
--wa-color-success-on-normal: var(--wa-color-cyan-80);
--wa-color-success-fill-quiet: var(--wa-color-green-10);
--wa-color-success-fill-normal: var(--wa-color-green-20);
--wa-color-success-fill-loud: var(--wa-color-green-50);
--wa-color-success-border-quiet: var(--wa-color-green-30);
--wa-color-success-border-normal: var(--wa-color-green-50);
--wa-color-success-border-loud: var(--wa-color-green-80);
--wa-color-success-on-quiet: var(--wa-color-green-70);
--wa-color-success-on-normal: var(--wa-color-green-80);
--wa-color-success-on-loud: white;

--wa-color-warning-fill-quiet: var(--wa-color-yellow-10);
Expand Down