Fix nav colors

This commit is contained in:
Raven Scott
2026-05-30 23:25:10 -04:00
parent 4b9eb916e9
commit 8e5d8d0fc8
+13 -9
View File
@@ -953,8 +953,8 @@ button.hover\:bg-yellow-600:hover {
transform: translateY(-2px);
}
/* Navigation buttons */
nav button {
/* Navigation buttons (exclude admin sidebar + subtabs) */
nav button:not(.admin-nav-link):not(.admin-subtab-btn) {
background: rgba(99, 102, 241, 0.2) !important;
backdrop-filter: blur(20px) saturate(180%);
-webkit-backdrop-filter: blur(20px) saturate(180%);
@@ -963,7 +963,7 @@ nav button {
box-shadow: 0 2px 4px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
nav button:hover {
nav button:not(.admin-nav-link):not(.admin-subtab-btn):hover {
background: rgba(99, 102, 241, 0.4) !important;
border-color: rgba(99, 102, 241, 0.6);
box-shadow: 0 4px 6px rgba(99, 102, 241, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);
@@ -1547,7 +1547,10 @@ dialog > .dialog-notifications > * {
border: none;
border-left: 2px solid transparent;
border-radius: 0;
background: transparent;
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
color: var(--admin-sidebar-fg-muted);
font-size: 0.875rem;
font-weight: 400;
@@ -1561,8 +1564,9 @@ dialog > .dialog-notifications > * {
}
.admin-nav-link:hover {
background: rgba(255, 255, 255, 0.04);
background: rgba(255, 255, 255, 0.04) !important;
color: var(--admin-sidebar-fg);
transform: none;
}
.admin-nav-link:focus {
@@ -1570,20 +1574,20 @@ dialog > .dialog-notifications > * {
}
.admin-nav-link:focus-visible {
background: rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.06) !important;
color: var(--admin-sidebar-fg);
box-shadow: inset 0 0 0 1px var(--admin-border-strong);
}
.admin-nav-link--active {
background: rgba(255, 255, 255, 0.06);
border-left-color: var(--admin-brand);
background: var(--admin-bg-subtle) !important;
border-left-color: var(--admin-fg-muted) !important;
color: var(--admin-sidebar-fg);
font-weight: 500;
}
.admin-nav-link--active:hover {
background: rgba(255, 255, 255, 0.08);
background: var(--admin-bg-elevated) !important;
}
.admin-nav-icon {