From 764f2f26907c9e61ffc1884178597d84af706a37 Mon Sep 17 00:00:00 2001
From: didericis <eric@dideric.is>
Date: Sun, 10 May 2026 20:31:36 -0400
Subject: [PATCH] fix: navbar dropdown username and icons inherit dark text
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 public/assets/css/theme-fell.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/public/assets/css/theme-fell.css b/public/assets/css/theme-fell.css
index c3e2afa..b2f7e3a 100644
--- a/public/assets/css/theme-fell.css
+++ b/public/assets/css/theme-fell.css
@@ -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;
 }