From ff52ae1d6a936b581b835901007261bc24d173e5 Mon Sep 17 00:00:00 2001
From: Inferencebot <inference-bot@inference.coop>
Date: Thu, 1 Oct 2026 21:32:39 -0600
Subject: [PATCH] Theme: paint the full app shell (Open WebUI main pane uses
 its own opaque bg-white/bg-gray-900 wrapper, not just the sidebar)

---
 chat-theme/openwebui-custom.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

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;