diff --git a/src/styles/color/bright.css b/src/styles/color/bright.css index a996f80ba..9161e1971 100644 --- a/src/styles/color/bright.css +++ b/src/styles/color/bright.css @@ -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; } diff --git a/src/styles/themes/awesome/color.css b/src/styles/themes/awesome/color.css index 436e89213..4c6b446ab 100644 --- a/src/styles/themes/awesome/color.css +++ b/src/styles/themes/awesome/color.css @@ -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); @@ -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);