Update app.py

app.py

@@ -317,22 +317,42 @@ custom_css = """
 /* Import Oswald font - Google Fonts */
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
 
-/* Force light mode */
+/* Force light mode at root level */
+:root {
+    color-scheme: light !important;
+}
+
+/* Override ALL dark mode media queries */
 @media (prefers-color-scheme: dark) {
-    .gradio-container-5-42-0 {
+    * {
         color-scheme: light !important;
     }
     
-    /* Target the specific Svelte chat placeholder */
-    .placeholder-content.svelte-9pi8y1[role="complementary"] {
-        background-color: #d9d1ce !important;
-        border: 1pt solid #59524f !important;
+    html, body {
+        background-color: rgb(240, 236, 230) !important;
+        color: #120f0e !important;
     }
     
-    /* Additional fallback selectors */
-    div[role="complementary"] {
+    .gradio-container-5-42-0 {
+        color-scheme: light !important;
+        background-color: rgb(240, 236, 230) !important;
+    }
+    
+    /* Target ALL possible chat elements in dark mode */
+    .placeholder-content,
+    .placeholder-content.svelte-9pi8y1,
+    .placeholder-content.svelte-9pi8y1[role="complementary"],
+    div[role="complementary"],
+    .gradio-chatbot,
+    .gradio-chatbot *,
+    .chatbot,
+    [data-testid="chatbot"],
+    [data-testid="chatbot"] *,
+    .scroll-hide,
+    .overflow-y-auto {
         background-color: #d9d1ce !important;
-        border: 1pt solid #59524f !important;
+        background: #d9d1ce !important;
+        color: #120f0e !important;
     }
 }
 
@@ -351,6 +371,7 @@ html, body {
     color: #120f0e !important;
     padding-top: 0 !important;
     margin-top: 0 !important;
+    color-scheme: light !important;
 }
 
 /* Apply Oswald globally */
@@ -375,18 +396,31 @@ html, body {
     padding: 0;
 }
 
-/* Chat container and chatbot styling */
+/* AGGRESSIVE chat styling - target everything */
 .chat-container,
 .gradio-container-5-42-0 .gradio-chatbot,
 .gradio-container-5-42-0 #main-chatbot,
 .gradio-container-5-42-0 .gradio-chatbot > div,
 .gradio-container-5-42-0 .gradio-chatbot .scroll-hide,
-.gradio-container-5-42-0 .gradio-chatbot .overflow-y-auto {
+.gradio-container-5-42-0 .gradio-chatbot .overflow-y-auto,
+.placeholder-content,
+.placeholder-content.svelte-9pi8y1,
+.placeholder-content.svelte-9pi8y1[role="complementary"],
+div[role="complementary"] {
     background-color: #d9d1ce !important;
+    background: #d9d1ce !important;
     border: 1pt solid #59524f !important;
     border-radius: 6px !important;
     padding: 20px !important;
     min-height: 900px;
+    color: #120f0e !important;
+}
+
+/* Force all nested elements */
+.gradio-container-5-42-0 .gradio-chatbot *:not(.message) {
+    background-color: #d9d1ce !important;
+    background: #d9d1ce !important;
+    color: #120f0e !important;
 }
 
 /* Message styling */