From 36febb75da42fd4c44a78c5d1069a7cad8d420f2 Mon Sep 17 00:00:00 2001 From: Test Date: Tue, 31 Mar 2026 18:50:02 +0200 Subject: [PATCH] fix: active section badge shows primary background instead of gray The inline badgeStyle (background: var(--muted)) was overriding the Tailwind activeBadgeClassName (bg-primary) because inline styles have higher specificity. Fixed by not falling back to badgeStyle when activeBadgeClassName is provided and the item is active. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/components/SidebarParts.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/SidebarParts.tsx b/src/components/SidebarParts.tsx index 16484daf..24b2162a 100644 --- a/src/components/SidebarParts.tsx +++ b/src/components/SidebarParts.tsx @@ -46,7 +46,7 @@ export function NavItem({ icon: Icon, label, count, isActive, activeClassName = const textClass = compact ? 'text-[12px]' : 'text-[13px]' const padding = compact ? '4px 16px' : '6px 16px' const resolvedBadgeClass = isActive && activeBadgeClassName ? activeBadgeClassName : badgeClassName - const resolvedBadgeStyle = isActive && activeBadgeStyle ? activeBadgeStyle : badgeStyle + const resolvedBadgeStyle = isActive && activeBadgeClassName ? activeBadgeStyle : badgeStyle if (disabled) { return (