fix(style): add more fallback colors for basic html elements
This commit is contained in:
parent
9253e8e408
commit
e2672291d0
|
@ -93,7 +93,7 @@
|
|||
--hover-background-color:var(--fw-beige-200);
|
||||
--hover-border-color:var(--fw-gray-800);
|
||||
|
||||
--active-color:var(--fw-red-010);
|
||||
--active-color:var(--fw-gray-900);
|
||||
--active-background-color:var(--fw-beige-400);
|
||||
--active-border-color:var(--fw-gray-600);
|
||||
|
||||
|
@ -483,6 +483,18 @@
|
|||
}
|
||||
}
|
||||
|
||||
// Fallback for `active` indicators
|
||||
|
||||
[aria-pressed=true] {
|
||||
background-color: var(--pressed-background-color, var(--active-background-color));
|
||||
}
|
||||
|
||||
// Fallback for decorative elements without explicit color props
|
||||
|
||||
hr {
|
||||
border-color: var(--border-color);
|
||||
}
|
||||
|
||||
// Fallback for focused elements without explicit focus-outline
|
||||
|
||||
:is(button, input, a):focus-visible {
|
||||
|
|
Loading…
Reference in New Issue