Theme: paint the full app shell (Open WebUI main pane uses its own opaque bg-white/bg-gray-900 wrapper, not just the sidebar)

This commit is contained in:
Inferencebot committed 2026-10-01 21:32:39 -06:00
1 parent b95bf36944
commit ff52ae1d6a
1 file changed
+10
+10
View File
@@ -45,6 +45,12 @@ html, body {
html:not(.dark) body { html:not(.dark) body {
background-color: #faf8f5 !important; background-color: #faf8f5 !important;
} }
/* App shell + main content pane: Open WebUI paints these with its own opaque
bg (bg-white / bg-gray-900) — the sidebar alone isn't the whole story. */
html:not(.dark) div[class*="h-screen"][class*="bg-white"],
html:not(.dark) div[class*="min-h-[100dvh]"][class*="bg-white"] {
background-color: #faf8f5 !important;
}
html:not(.dark) #sidebar { html:not(.dark) #sidebar {
background: linear-gradient(180deg, #f6f3ee 0%, #f1ede5 100%) !important; background: linear-gradient(180deg, #f6f3ee 0%, #f1ede5 100%) !important;
border-right: 1px solid #e4e0d8 !important; border-right: 1px solid #e4e0d8 !important;
@@ -57,6 +63,10 @@ html:not(.dark) .markdown-prose {
html.dark body { html.dark body {
background-color: #1f241b !important; background-color: #1f241b !important;
} }
html.dark div[class*="h-screen"][class*="bg-gray-900"],
html.dark div[class*="min-h-[100dvh]"][class*="bg-gray-900"] {
background-color: #1f241b !important;
}
html.dark #sidebar { html.dark #sidebar {
background: linear-gradient(180deg, #262b21 0%, #1f241b 100%) !important; background: linear-gradient(180deg, #262b21 0%, #1f241b 100%) !important;
border-right: 1px solid #3e4636 !important; border-right: 1px solid #3e4636 !important;