hermes-admin/hermes-agent
1
0
Fork 0
Code Issues Pull Requests Actions 32 Packages Projects Releases Wiki Activity

fix(website): active filter pill stays readable on hover

Browse Source 
The generic .filterBtn:hover rule outranks .filterActive and set the label to emphasis-1000 (near-black) on the emphasis-900 pill background, so hovering the selected filter made it unreadable in light mode and left the #91491 contrast fix incomplete. Add a .filterActive:hover rule keeping the emphasis-0 foreground. Dark mode is unaffected: [data-theme='dark'] .filterActive ties .filterBtn:hover on specificity and wins by source order.
This commit is contained in:
teknium1
2026-09-12 08:13:21 -07:00
committed by Teknium
parent 1df51cb4ee
commit abedd8c018
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/components/UserStoriesCollage/styles.module.css
View File

@@ -72,6 +72,10 @@
color: var(--ifm-color-emphasis-0);
border-color: var(--ifm-color-emphasis-900);
}
/* .filterBtn:hover outranks .filterActive and would paint emphasis-1000 text on the emphasis-900 pill. */
.filterActive:hover {
color: var(--ifm-color-emphasis-0);
}
[data-theme='dark'] .filterActive {
background: #e2e8f0;
color: #0f172a;