fix(style): add more fallback colors for basic html elements

This commit is contained in:
upsiflu 2024-12-19 20:15:55 +01:00
parent 9253e8e408
commit e2672291d0
1 changed files with 13 additions and 1 deletions

View File

@ -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 {