fix filter pill badge contrast on primary buttons
All checks were successful
deploy / deploy (push) Successful in 1m23s
All checks were successful
deploy / deploy (push) Successful in 1m23s
Badge inside admin-btn-primary was inheriting white text colour with a light grey background — unreadable. Now uses inverted colours (accent text on near-white bg) for WCAG AA+ compliance. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
e041f5d8f0
commit
61772c26ae
@ -193,6 +193,11 @@
|
|||||||
.admin-btn-primary {
|
.admin-btn-primary {
|
||||||
background-color: var(--t-accent);
|
background-color: var(--t-accent);
|
||||||
color: var(--t-text-inverse);
|
color: var(--t-text-inverse);
|
||||||
|
|
||||||
|
& .admin-badge {
|
||||||
|
background: color-mix(in oklch, var(--t-text-inverse) 90%, transparent);
|
||||||
|
color: var(--t-accent);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.admin-btn-soft {
|
.admin-btn-soft {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user