feat(sidebar): color por categoría via CSS custom property --cat-color

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-24 09:05:57 -05:00
co-authored by Claude Sonnet 4.6
parent e90cfda3f3
commit 92e4d01181
3 changed files with 18 additions and 5 deletions
+3 -2
View File
@@ -132,11 +132,12 @@ body {
}
.sidebar-menu .nav-link.active {
color: var(--brand-dark, #0d47a1);
color: var(--cat-color, var(--brand-dark, #0d47a1));
background: rgba(255, 255, 255, 0.95);
font-weight: 600;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
transform: translateX(3px);
border-left: 3px solid var(--cat-color, var(--brand, #1565c0));
}
.sidebar-menu .nav-link i {
@@ -169,7 +170,7 @@ body {
}
.sidebar-menu li.sidebar-section:hover { color: rgba(255,255,255,.9); background: rgba(255,255,255,.07); }
.sidebar-menu li.sidebar-section.has-active {
border-left-color: rgba(255,255,255,.7);
border-left-color: var(--cat-color, rgba(255,255,255,.7));
background: rgba(255,255,255,.1);
color: #fff;
}