js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix :active Awesome button text colors (#1129)

Browse Source
This commit is contained in:
Lindsay M
2025-07-03 09:24:47 -04:00
committed by GitHub
parent 341ca809e9
commit 2779eb1753
1 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/webawesome/src/styles/themes/awesome.css
View File

@@ -372,10 +372,6 @@
--wa-transition-normal: 0;
--wa-transition-fast: 0;
.wa-dark & {
--wa-color-shadow: var(--wa-color-border-quiet);
}
&[appearance='outlined'],
&.wa-outlined:not(.wa-filled) {
--wa-color-shadow: var(--wa-color-border-loud);
@@ -398,7 +394,7 @@
&:not([disabled]):not(:disabled):active {
&:where(:not(wa-button)),
&::part(base) {
color: var(--wa-color-fill-normal);
color: var(--wa-color-fill-quiet);
background-color: var(--wa-color-shadow);
border-color: var(--wa-color-shadow);
box-shadow: none;
@@ -407,11 +403,12 @@
}
}
.wa-dark & {
&:not([appearance~='plain']):not(.wa-plain) {
&[appearance~='accent'],
&.wa-accent {
&:not([disabled]):not(:disabled):active {
&:where(:not(wa-button)),
&::part(base) {
color: var(--wa-color-fill-loud);
color: var(--wa-color-on-quiet);
}
}
}
@@ -480,8 +477,8 @@
&.wa-accent {
&:where(:not(wa-button)),
&::part(base) {
--wa-color-shadow: currentColor;
border-color: currentColor;
--wa-color-shadow: var(--wa-color-on-loud);
border-color: var(--wa-color-shadow);
}
}
@@ -491,7 +488,6 @@
&:where(:not(wa-button)),
&::part(base) {
--wa-color-shadow: var(--wa-color-border-quiet);
border-color: var(--wa-color-border-quiet);
}
}
}