MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
front/src/style/colors.scss
View File

@ -93,7 +93,7 @@
--hover-background-color:var(--fw-beige-200); --hover-background-color:var(--fw-beige-200);
--hover-border-color:var(--fw-gray-800); --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-background-color:var(--fw-beige-400);
--active-border-color:var(--fw-gray-600); --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 // Fallback for focused elements without explicit focus-outline
:is(button, input, a):focus-visible { :is(button, input, a):focus-visible {