starred/coolify
1
0
Fork 0
mirror of https://github.com/coollabsio/coolify.git synced 2026-11-06 13:10:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme): use sidebar text color for menu entries when the sidebar scheme differs

Browse Source 
Account menu entries, including Log out, now follow the sidebar text color
when a custom theme sidebar uses the other light/dark scheme than the page.
In the 3D style, the current page label keeps the sidebar text color,
because that row has no Selected fill.

Closes #12467
This commit is contained in:
Andras Bacsai
2026-11-05 10:34:40 +01:00
parent 59481c7bb6
commit 5eee9933ca
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+8 -2
View File
@@ -1631,6 +1631,11 @@ html[data-sidebar-scheme="light"] :where(.app-sidebar, .app-topbar-brand, .mobil
border-color: var(--coollabs-line) !important;
}
/* Menu entries (the account menu) follow the sidebar text, not the page scheme. */
html[data-sidebar-scheme] :where(.app-sidebar, .mobile-sidebar-sheet [role="dialog"]) .listbox-option {
color: var(--color-fg);
}
/* Row and section separators (one-sided borders and divide-y) use the softer
divider token, so lists read as one card instead of a stack of boxes. Card
edges (full borders) keep the hairline/line tokens. */
@@ -6635,8 +6640,9 @@ html[data-theme="custom"] .mobile-sidebar-sheet nav.sidebar-nav {
background-color: transparent !important;
}
/* The current page in the sidebar uses the Selected color. */
html[data-theme="custom"] :is(.app-sidebar, .mobile-sidebar-sheet) :is(.menu-item-active, .menu-subitem-active) {
/* In the Flat style, the current page in the sidebar uses the Selected color. The 3D style has
no row fill, so its label keeps the sidebar text color. */
html[data-theme="custom"][data-nav-items="flat"] :is(.app-sidebar, .mobile-sidebar-sheet) :is(.menu-item-active, .menu-subitem-active) {
background-color: var(--theme-selected);
color: var(--theme-selected-text);
}