fix(branding): admin sidebar uses accent-dark, primary buttons follow CI token

2026-05-06 00:57:54 +02:00
parent b19bb0c620
commit fc2bce3a01
2 changed files with 18 additions and 14 deletions
@@ -90,15 +90,17 @@ export const AdminSidebar: React.FC<AdminSidebarProps> = ({ isOpen, onClose }) =
                onClick={() => onClose()}
                className={`flex items-center px-3 py-2 text-sm font-medium rounded-lg transition-colors ${
                  isActive
-                    ? 'bg-primary-50 dark:bg-primary-900/30 text-accent-dark'
+                    ? 'bg-accent-dark text-white'
                    : 'text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-neutral-800 hover:text-neutral-900 dark:hover:text-neutral-100'
                }`}
              >
-                {/* Active icon/text use the theme's accent-dark token so the
-                    sidebar follows the user's CI palette (LBM teal, custom
-                    branding, etc.) instead of the legacy primary green. */}
+                {/* Selected item: solid accent-dark fill with white text/icon
+                    for unambiguous high-contrast selection — matches the
+                    .tile-selected pattern used in the customizer. The accent
+                    -dark token defaults to the legacy primary green so users
+                    who haven't set CI colours yet see no migration regression. */}
                <item.icon className={`w-5 h-5 mr-3 ${
-                  isActive ? 'text-accent-dark' : 'text-neutral-400'
+                  isActive ? 'text-white' : 'text-neutral-400'
                }`} />
                {t(item.nameKey)}
              </NavLink>