yumoqing/dashboard_for_sage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: ensure theme switching works for all containers including sage-shell, topbar, sidebar, and main content area

Browse Source
This commit is contained in:
yumoqing 2026-05-28 14:14:19 +08:00
parent 4170c0b009
commit 22a8dc7ceb
1 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
wwwroot/shell_theme.css
View File

@ -78,6 +78,17 @@ body {
transition: background-color 0.2s ease, color 0.2s ease; transition: background-color 0.2s ease, color 0.2s ease;
} }
/* Ensure theme variables override bricks.css hardcoded values */
[data-theme="dark"] body {
background-color: var(--sage-bg-primary);
color: var(--sage-text-primary);
}
[data-theme="light"] body {
background-color: var(--sage-bg-primary);
color: var(--sage-text-primary);
}
/* ===== Shell Layout ===== */ /* ===== Shell Layout ===== */
.sage-shell { .sage-shell {
width: 100%; width: 100%;
@ -85,6 +96,9 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
background-color: var(--sage-bg-primary);
color: var(--sage-text-primary);
transition: background-color 0.2s ease, color 0.2s ease;
} }
.sage-topbar { .sage-topbar {
@ -695,6 +709,16 @@ body {
color: var(--sage-brand); color: var(--sage-brand);
} }
/* ===== Utility Classes ===== */
.sage-brand-title {
color: var(--sage-text-primary);
font-weight: bold;
}
.sage-text-secondary {
color: var(--sage-text-secondary);
}
/* ===== Responsive ===== */ /* ===== Responsive ===== */
@media (max-width: 768px) { @media (max-width: 768px) {
.sage-sidebar { .sage-sidebar {