Skip to content

Replace teal with cyan, fixes #659 #671

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 2 commits into from
Feb 4, 2025
Merged

Replace teal with cyan, fixes #659 #671

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
75de218
Replace `teal` with `cyan`, fixes #659
lindsaym-fa Feb 3, 2025
a5edb0c
Merge branch 'next' into 659-replace-teal-with-cyan
LeaVerou Feb 3, 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
2 changes: 1 addition & 1 deletion docs/_data/hues.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
["red", "yellow", "green", "teal", "blue", "indigo", "purple", "gray"]
["red", "yellow", "green", "cyan", "blue", "indigo", "purple", "gray"]
2 changes: 1 addition & 1 deletion docs/_includes/theme-showcase.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
</div>
<wa-divider></wa-divider>
<div class="wa-flank">
<wa-avatar shape="rounded" style="--size: 3em; --background-color: var(--wa-color-teal-60); --text-color: var(--wa-color-teal-95);">
<wa-avatar shape="rounded" style="--size: 3em; --background-color: var(--wa-color-cyan-60); --text-color: var(--wa-color-cyan-95);">
<wa-icon slot="icon" name="robot-astromech" family="duotone" style="font-size: 1.5em;"></wa-icon>
</wa-avatar>
<div class="wa-stack wa-gap-2xs">
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/experimental/themer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -576,7 +576,7 @@ hasOutline: false
<wa-radio value="yellow"><span style="background-color:var(--wa-color-yellow-60);"></span></wa-radio>
<wa-radio value="lime"><span style="background-color:var(--wa-color-lime-60);"></span></wa-radio>
<wa-radio value="green"><span style="background-color:var(--wa-color-green-60);"></span></wa-radio>
<wa-radio value="teal"><span style="background-color:var(--wa-color-teal-60);"></span></wa-radio>
<wa-radio value="cyan"><span style="background-color:var(--wa-color-cyan-60);"></span></wa-radio>
<wa-radio value="blue"><span style="background-color:var(--wa-color-blue-60);"></span></wa-radio>
<wa-radio value="indigo"><span style="background-color:var(--wa-color-indigo-60);"></span></wa-radio>
<wa-radio value="purple"><span style="background-color:var(--wa-color-purple-60);"></span></wa-radio>
Expand Down
2 changes: 1 addition & 1 deletion docs/docs/tokens/color.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ You can use these numbers to ensure accessible color contrast per [WCAG 2.1 succ

Each Web Awesome palette defines seven literal colors each with 11 lightness values using the format `--wa-color-{hue}-{tint}`.

{% for hue in ["red", "yellow", "green", "teal", "blue", "indigo", "purple", "gray"] -%}
{% for hue in hues -%}
<div class="color-name">{{ hue | capitalize }}</div>
<ul class="color-group">
{% for tint in ["95", "90", "80", "70", "60", "50", "40", "30", "20", "10", "05"] -%}
Expand Down
17 changes: 17 additions & 0 deletions src/styles/brand/cyan.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
:where(:root),
:host,
:where([class^='wa-theme-'], [class*=' wa-theme-']),
:where([class^='wa-palette-'], [class*=' wa-palette-']) {
--wa-color-brand-95: var(--wa-color-cyan-95);
--wa-color-brand-90: var(--wa-color-cyan-90);
--wa-color-brand-80: var(--wa-color-cyan-80);
--wa-color-brand-70: var(--wa-color-cyan-70);
--wa-color-brand-60: var(--wa-color-cyan-60);
--wa-color-brand-50: var(--wa-color-cyan-50);
--wa-color-brand-40: var(--wa-color-cyan-40);
--wa-color-brand-30: var(--wa-color-cyan-30);
--wa-color-brand-20: var(--wa-color-cyan-20);
--wa-color-brand-10: var(--wa-color-cyan-10);
--wa-color-brand-05: var(--wa-color-cyan-05);
--wa-color-brand: var(--wa-color-cyan);
}
17 changes: 0 additions & 17 deletions src/styles/brand/teal.css
View file
Open in desktop

This file was deleted.

24 changes: 12 additions & 12 deletions src/styles/color/anodized.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--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 /* 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-cyan-95: #cbfaf9 /* oklch(95.226% 0.04791 194.77) */;
--wa-color-cyan-90: #9ff4f3 /* oklch(91.294% 0.08228 194.86) */;
--wa-color-cyan-80: #1adfdb /* oklch(81.816% 0.13749 192.46) */;
--wa-color-cyan-70: #00c3be /* oklch(73.815% 0.1269 191.5) */;
--wa-color-cyan-60: #1aa6a0 /* oklch(65.653% 0.10892 190.15) */;
--wa-color-cyan-50: #15837e /* oklch(55.258% 0.09092 189.97) */;
--wa-color-cyan-40: #10635e /* oklch(45.271% 0.07391 188.55) */;
--wa-color-cyan-30: #0c4e4a /* oklch(38.439% 0.06211 188.63) */;
--wa-color-cyan-20: #083936 /* oklch(31.289% 0.04971 188.74) */;
--wa-color-cyan-10: #04221f /* oklch(22.881% 0.03588 185.7) */;
--wa-color-cyan-05: #021513 /* oklch(17.794% 0.0276 186.43) */;
--wa-color-cyan: var(--wa-color-cyan-80);

--wa-color-blue-95: #ecf3ff /* oklch(96.238% 0.01777 261.34) */;
--wa-color-blue-90: #d9e7ff /* oklch(92.484% 0.03602 261.3) */;
Expand Down
46 changes: 23 additions & 23 deletions src/styles/color/bright.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,31 +28,31 @@
--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 /* 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-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-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-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-blue-95: #e7f5ff /* oklch(96.268% 0.02005 238.66) */;
--wa-color-blue-90: #ceeaff /* oklch(92.321% 0.04119 240.38) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/classic.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #02140a /* oklch(17.084% 0.03423 159.06) */;
--wa-color-green: var(--wa-color-green-60);

--wa-color-teal-95: #d0fbf3 /* oklch(95.575% 0.04532 182.8) */;
--wa-color-teal-90: #a9f4e8 /* oklch(91.479% 0.07585 183.56) */;
--wa-color-teal-80: #5bdecd /* oklch(82.349% 0.1175 183.5) */;
--wa-color-teal-70: #36c2b3 /* oklch(73.796% 0.11779 184.4) */;
--wa-color-teal-60: #12a797 /* oklch(65.522% 0.11415 182.81) */;
--wa-color-teal-50: #0b8278 /* oklch(54.658% 0.09409 185.3) */;
--wa-color-teal-40: #09635b /* oklch(45.055% 0.07686 185.06) */;
--wa-color-teal-30: #0a4e49 /* oklch(38.363% 0.06313 187.15) */;
--wa-color-teal-20: #0a3835 /* oklch(30.997% 0.04799 188.56) */;
--wa-color-teal-10: #082120 /* oklch(22.8% 0.03074 191.62) */;
--wa-color-teal-05: #021413 /* oklch(17.442% 0.02643 190.53) */;
--wa-color-teal: var(--wa-color-teal-70);
--wa-color-cyan-95: #d0fbf3 /* oklch(95.575% 0.04532 182.8) */;
--wa-color-cyan-90: #a9f4e8 /* oklch(91.479% 0.07585 183.56) */;
--wa-color-cyan-80: #5bdecd /* oklch(82.349% 0.1175 183.5) */;
--wa-color-cyan-70: #36c2b3 /* oklch(73.796% 0.11779 184.4) */;
--wa-color-cyan-60: #12a797 /* oklch(65.522% 0.11415 182.81) */;
--wa-color-cyan-50: #0b8278 /* oklch(54.658% 0.09409 185.3) */;
--wa-color-cyan-40: #09635b /* oklch(45.055% 0.07686 185.06) */;
--wa-color-cyan-30: #0a4e49 /* oklch(38.363% 0.06313 187.15) */;
--wa-color-cyan-20: #0a3835 /* oklch(30.997% 0.04799 188.56) */;
--wa-color-cyan-10: #082120 /* oklch(22.8% 0.03074 191.62) */;
--wa-color-cyan-05: #021413 /* oklch(17.442% 0.02643 190.53) */;
--wa-color-cyan: var(--wa-color-cyan-70);

--wa-color-blue-95: #e5f4fe /* oklch(95.896% 0.02085 236.75) */;
--wa-color-blue-90: #c8ebfd /* oklch(92.061% 0.04406 230.21) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/default.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #001700 /* oklch(17.73% 0.06033 142.5) */;
--wa-color-green: var(--wa-color-green-60);

--wa-color-teal-95: #e3f7f5 /* oklch(96.09% 0.02114 189.57) */;
--wa-color-teal-90: #c6eeeb /* oklch(91.997% 0.04158 190.86) */;
--wa-color-teal-80: #81d9d3 /* oklch(82.83% 0.08563 190.03) */;
--wa-color-teal-70: #34c2b9 /* oklch(73.949% 0.11679 188.57) */;
--wa-color-teal-60: #10a69d /* oklch(65.445% 0.11161 187.92) */;
--wa-color-teal-50: #00837c /* oklch(54.971% 0.09552 188.22) */;
--wa-color-teal-40: #00645e /* oklch(45.331% 0.07895 187.65) */;
--wa-color-teal-30: #004e49 /* oklch(38.182% 0.06656 187.42) */;
--wa-color-teal-20: #003935 /* oklch(31.03% 0.05415 187.16) */;
--wa-color-teal-10: #002220 /* oklch(22.721% 0.03935 189.11) */;
--wa-color-teal-05: #001513 /* oklch(17.625% 0.03077 187.05) */;
--wa-color-teal: var(--wa-color-teal-70);
--wa-color-cyan-95: #e3f7f5 /* oklch(96.09% 0.02114 189.57) */;
--wa-color-cyan-90: #c6eeeb /* oklch(91.997% 0.04158 190.86) */;
--wa-color-cyan-80: #81d9d3 /* oklch(82.83% 0.08563 190.03) */;
--wa-color-cyan-70: #34c2b9 /* oklch(73.949% 0.11679 188.57) */;
--wa-color-cyan-60: #10a69d /* oklch(65.445% 0.11161 187.92) */;
--wa-color-cyan-50: #00837c /* oklch(54.971% 0.09552 188.22) */;
--wa-color-cyan-40: #00645e /* oklch(45.331% 0.07895 187.65) */;
--wa-color-cyan-30: #004e49 /* oklch(38.182% 0.06656 187.42) */;
--wa-color-cyan-20: #003935 /* oklch(31.03% 0.05415 187.16) */;
--wa-color-cyan-10: #002220 /* oklch(22.721% 0.03935 189.11) */;
--wa-color-cyan-05: #001513 /* oklch(17.625% 0.03077 187.05) */;
--wa-color-cyan: var(--wa-color-cyan-70);

--wa-color-blue-95: #ebf4ff /* oklch(96.361% 0.01763 253.34) */;
--wa-color-blue-90: #d4e7ff /* oklch(92.129% 0.03859 254.29) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/elegant.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #00160d /* oklch(17.744% 0.03707 165.47) */;
--wa-color-green: var(--wa-color-green-40);

--wa-color-teal-95: #ebf4f4 /* oklch(96.04% 0.00955 197) */;
--wa-color-teal-90: #d9e9e9 /* oklch(92.209% 0.01702 196.86) */;
--wa-color-teal-80: #add0d1 /* oklch(83.253% 0.03716 198.6) */;
--wa-color-teal-70: #84b8ba /* oklch(74.697% 0.05455 199.05) */;
--wa-color-teal-60: #5aa0a3 /* oklch(66.11% 0.07083 199.17) */;
--wa-color-teal-50: #268285 /* oklch(55.592% 0.08321 198.23) */;
--wa-color-teal-40: #006366 /* oklch(45.364% 0.07714 198.42) */;
--wa-color-teal-30: #004e51 /* oklch(38.509% 0.06547 199.25) */;
--wa-color-teal-20: #00393b /* oklch(31.287% 0.0532 198.64) */;
--wa-color-teal-10: #002223 /* oklch(22.861% 0.03889 197.63) */;
--wa-color-teal-05: #001415 /* oklch(17.367% 0.02953 198.81) */;
--wa-color-teal: var(--wa-color-teal-50);
--wa-color-cyan-95: #ebf4f4 /* oklch(96.04% 0.00955 197) */;
--wa-color-cyan-90: #d9e9e9 /* oklch(92.209% 0.01702 196.86) */;
--wa-color-cyan-80: #add0d1 /* oklch(83.253% 0.03716 198.6) */;
--wa-color-cyan-70: #84b8ba /* oklch(74.697% 0.05455 199.05) */;
--wa-color-cyan-60: #5aa0a3 /* oklch(66.11% 0.07083 199.17) */;
--wa-color-cyan-50: #268285 /* oklch(55.592% 0.08321 198.23) */;
--wa-color-cyan-40: #006366 /* oklch(45.364% 0.07714 198.42) */;
--wa-color-cyan-30: #004e51 /* oklch(38.509% 0.06547 199.25) */;
--wa-color-cyan-20: #00393b /* oklch(31.287% 0.0532 198.64) */;
--wa-color-cyan-10: #002223 /* oklch(22.861% 0.03889 197.63) */;
--wa-color-cyan-05: #001415 /* oklch(17.367% 0.02953 198.81) */;
--wa-color-cyan: var(--wa-color-cyan-50);

--wa-color-blue-95: #ebf3fa /* oklch(96.015% 0.01271 244.25) */;
--wa-color-blue-90: #d8e8f5 /* oklch(92.295% 0.02463 242.35) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/mild.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #001701 /* oklch(17.759% 0.05792 143.81) */;
--wa-color-green: var(--wa-color-green-80);

--wa-color-teal-95: #edf3f3 /* oklch(95.962% 0.00639 197.05) */;
--wa-color-teal-90: #dbe8e7 /* oklch(92.095% 0.01393 191.38) */;
--wa-color-teal-80: #b4cfcc /* oklch(83.363% 0.02926 188.46) */;
--wa-color-teal-70: #8db7b3 /* oklch(74.796% 0.04527 189) */;
--wa-color-teal-60: #679f9b /* oklch(66.257% 0.05926 190.12) */;
--wa-color-teal-50: #36817c /* oklch(55.496% 0.07429 189.27) */;
--wa-color-teal-40: #006461 /* oklch(45.445% 0.0782 191.18) */;
--wa-color-teal-30: #004e4b /* oklch(38.26% 0.066 190.33) */;
--wa-color-teal-20: #003937 /* oklch(31.113% 0.05357 190.93) */;
--wa-color-teal-10: #002220 /* oklch(22.721% 0.03935 189.11) */;
--wa-color-teal-05: #001514 /* oklch(17.672% 0.03043 190.87) */;
--wa-color-teal: var(--wa-color-teal-40);
--wa-color-cyan-95: #edf3f3 /* oklch(95.962% 0.00639 197.05) */;
--wa-color-cyan-90: #dbe8e7 /* oklch(92.095% 0.01393 191.38) */;
--wa-color-cyan-80: #b4cfcc /* oklch(83.363% 0.02926 188.46) */;
--wa-color-cyan-70: #8db7b3 /* oklch(74.796% 0.04527 189) */;
--wa-color-cyan-60: #679f9b /* oklch(66.257% 0.05926 190.12) */;
--wa-color-cyan-50: #36817c /* oklch(55.496% 0.07429 189.27) */;
--wa-color-cyan-40: #006461 /* oklch(45.445% 0.0782 191.18) */;
--wa-color-cyan-30: #004e4b /* oklch(38.26% 0.066 190.33) */;
--wa-color-cyan-20: #003937 /* oklch(31.113% 0.05357 190.93) */;
--wa-color-cyan-10: #002220 /* oklch(22.721% 0.03935 189.11) */;
--wa-color-cyan-05: #001514 /* oklch(17.672% 0.03043 190.87) */;
--wa-color-cyan: var(--wa-color-cyan-40);

--wa-color-blue-95: #eaf5ff /* oklch(96.485% 0.01782 245.38) */;
--wa-color-blue-90: #d5e7ff /* oklch(92.2% 0.03803 255.61) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/natural.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #051509 /* oklch(17.675% 0.03381 151.11) */;
--wa-color-green: var(--wa-color-green-50);

--wa-color-teal-95: #eff3f4 /* oklch(96.14% 0.00448 214.33) */;
--wa-color-teal-90: #dee7e9 /* oklch(92.173% 0.01004 212.52) */;
--wa-color-teal-80: #b7cccf /* oklch(83.033% 0.02314 207.07) */;
--wa-color-teal-70: #96b4b9 /* oklch(74.914% 0.03351 208.76) */;
--wa-color-teal-60: #759ba1 /* oklch(66.351% 0.04257 208.18) */;
--wa-color-teal-50: #4d7d84 /* oklch(55.819% 0.05314 207.5) */;
--wa-color-teal-40: #2b6067 /* oklch(45.606% 0.05711 206.88) */;
--wa-color-teal-30: #194c53 /* oklch(38.597% 0.05436 207.82) */;
--wa-color-teal-20: #0a383e /* oklch(31.395% 0.04827 207.89) */;
--wa-color-teal-10: #022125 /* oklch(22.735% 0.03682 207.1) */;
--wa-color-teal-05: #011518 /* oklch(17.963% 0.02908 207.19) */;
--wa-color-teal: var(--wa-color-teal-40);
--wa-color-cyan-95: #eff3f4 /* oklch(96.14% 0.00448 214.33) */;
--wa-color-cyan-90: #dee7e9 /* oklch(92.173% 0.01004 212.52) */;
--wa-color-cyan-80: #b7cccf /* oklch(83.033% 0.02314 207.07) */;
--wa-color-cyan-70: #96b4b9 /* oklch(74.914% 0.03351 208.76) */;
--wa-color-cyan-60: #759ba1 /* oklch(66.351% 0.04257 208.18) */;
--wa-color-cyan-50: #4d7d84 /* oklch(55.819% 0.05314 207.5) */;
--wa-color-cyan-40: #2b6067 /* oklch(45.606% 0.05711 206.88) */;
--wa-color-cyan-30: #194c53 /* oklch(38.597% 0.05436 207.82) */;
--wa-color-cyan-20: #0a383e /* oklch(31.395% 0.04827 207.89) */;
--wa-color-cyan-10: #022125 /* oklch(22.735% 0.03682 207.1) */;
--wa-color-cyan-05: #011518 /* oklch(17.963% 0.02908 207.19) */;
--wa-color-cyan: var(--wa-color-cyan-40);

--wa-color-blue-95: #eef1f5 /* oklch(95.7% 0.00626 255.48) */;
--wa-color-blue-90: #e1e6ef /* oklch(92.375% 0.01334 262.38) */;
Expand Down
24 changes: 12 additions & 12 deletions src/styles/color/rudimentary.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,18 +41,18 @@
--wa-color-green-05: #001607 /* oklch(17.557% 0.04482 153.41) */;
--wa-color-green: var(--wa-color-green-70);

--wa-color-teal-95: #d1f9f1 /* oklch(95.167% 0.04252 181.91) */;
--wa-color-teal-90: #a9f4e6 /* oklch(91.421% 0.07655 181.59) */;
--wa-color-teal-80: #56ddcd /* oklch(81.962% 0.11921 184.3) */;
--wa-color-teal-70: #29c2ba /* oklch(73.788% 0.1202 189.37) */;
--wa-color-teal-60: #11a5a8 /* oklch(65.588% 0.10925 197.16) */;
--wa-color-teal-50: #06828e /* oklch(55.453% 0.09384 206.29) */;
--wa-color-teal-40: #006271 /* oklch(45.569% 0.07965 212.74) */;
--wa-color-teal-30: #004d5a /* oklch(38.635% 0.06787 213.86) */;
--wa-color-teal-20: #003843 /* oklch(31.374% 0.0556 215.61) */;
--wa-color-teal-10: #002129 /* oklch(22.851% 0.04085 217.17) */;
--wa-color-teal-05: #00151b /* oklch(18.055% 0.03231 217.31) */;
--wa-color-teal: var(--wa-color-teal-70);
--wa-color-cyan-95: #d1f9f1 /* oklch(95.167% 0.04252 181.91) */;
--wa-color-cyan-90: #a9f4e6 /* oklch(91.421% 0.07655 181.59) */;
--wa-color-cyan-80: #56ddcd /* oklch(81.962% 0.11921 184.3) */;
--wa-color-cyan-70: #29c2ba /* oklch(73.788% 0.1202 189.37) */;
--wa-color-cyan-60: #11a5a8 /* oklch(65.588% 0.10925 197.16) */;
--wa-color-cyan-50: #06828e /* oklch(55.453% 0.09384 206.29) */;
--wa-color-cyan-40: #006271 /* oklch(45.569% 0.07965 212.74) */;
--wa-color-cyan-30: #004d5a /* oklch(38.635% 0.06787 213.86) */;
--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: #00151b /* oklch(18.055% 0.03231 217.31) */;
--wa-color-cyan: var(--wa-color-cyan-70);

--wa-color-blue-95: #e1f4ff /* oklch(95.642% 0.02496 232.97) */;
--wa-color-blue-90: #caebff /* oklch(92.258% 0.04407 234.57) */;
Expand Down
3 changes: 0 additions & 3 deletions src/styles/color/tintless.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,9 +133,6 @@ function hueToChalk(hue) {
ret = chalk[hue];
}
switch (hue) {
case 'teal':
ret = chalk.cyan;
break;
case 'indigo':
ret = chalk.hex('#8a8beb');
break;
Expand Down
Loading