diff --git a/chat-theme/openwebui-custom.css b/chat-theme/openwebui-custom.css index 533de18..762c1bb 100644 --- a/chat-theme/openwebui-custom.css +++ b/chat-theme/openwebui-custom.css @@ -45,6 +45,12 @@ html, body { html:not(.dark) body { 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 { background: linear-gradient(180deg, #f6f3ee 0%, #f1ede5 100%) !important; border-right: 1px solid #e4e0d8 !important; @@ -57,6 +63,10 @@ html:not(.dark) .markdown-prose { html.dark body { 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 { background: linear-gradient(180deg, #262b21 0%, #1f241b 100%) !important; border-right: 1px solid #3e4636 !important;