didericis/gitea-fell-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: navbar dropdown username and icons inherit dark text

Browse Source 
The previous override only restored dark text on .item/.header/.text
themselves; the cascading "#navbar *" cream color still applied to
their children — the <strong> username inside "Signed in as …" and
the inline SVG icons. Extend the override to descendants, force SVG
fill back to currentColor, and split the hover/active rule so only
the row itself gets the dark background (not every child element).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
didericis
2026-05-10 20:31:36 -04:00
parent 77cf7c9a76
commit 764f2f2690
1 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/assets/css/theme-fell.css
+27
View File
@@ -453,13 +453,26 @@ samp,
#navbar .ui.dropdown .menu .item,
.navbar .ui.dropdown .menu .item,
#navbar .ui.dropdown .menu .item *,
.navbar .ui.dropdown .menu .item *,
#navbar .ui.dropdown .menu .header,
.navbar .ui.dropdown .menu .header,
#navbar .ui.dropdown .menu .header *,
.navbar .ui.dropdown .menu .header *,
#navbar .ui.dropdown .menu .text,
.navbar .ui.dropdown .menu .text {
color: var(--color-text) !important;
}
/* SVG icons inside dropdown items inherit currentColor by default but the
"#navbar *" rule sets an explicit color, so force fill back too. */
#navbar .ui.dropdown .menu .item .svg,
.navbar .ui.dropdown .menu .item .svg,
#navbar .ui.dropdown .menu .item svg,
.navbar .ui.dropdown .menu .item svg {
fill: currentColor !important;
}
#navbar .ui.dropdown .menu .item:hover,
.navbar .ui.dropdown .menu .item:hover,
#navbar .ui.dropdown .menu .item.active,
@@ -467,6 +480,20 @@ samp,
#navbar .ui.dropdown .menu .item.selected,
.navbar .ui.dropdown .menu .item.selected {
background-color: var(--color-nav-bg) !important;
}
#navbar .ui.dropdown .menu .item:hover,
.navbar .ui.dropdown .menu .item:hover,
#navbar .ui.dropdown .menu .item:hover *,
.navbar .ui.dropdown .menu .item:hover *,
#navbar .ui.dropdown .menu .item.active,
.navbar .ui.dropdown .menu .item.active,
#navbar .ui.dropdown .menu .item.active *,
.navbar .ui.dropdown .menu .item.active *,
#navbar .ui.dropdown .menu .item.selected,
.navbar .ui.dropdown .menu .item.selected,
#navbar .ui.dropdown .menu .item.selected *,
.navbar .ui.dropdown .menu .item.selected * {
color: var(--color-nav-text) !important;
}