UI v33

app.py

@@ -334,13 +334,18 @@ Answer:"""
             --error-text: #FF6666;
         }
 
+        /* Ensure the very outer background is also set, overriding any Gradio defaults */
+        body, html {
+            background-color: var(--background-secondary) !important;
+        }
+
         /* Base container improvements */
         .gradio-container {
             max-width: 900px !important; /* Slightly smaller for focused content */
             margin: 0 auto !important; /* Center the whole app */
             padding: 1.5rem !important;
             font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
-            background-color: var(--background-secondary) !important; /* Overall background */
+            background-color: var(--background-secondary) !important; /* Overall background of the container */
             box-shadow: none !important; /* Remove default gradio container shadow */
         }
         /* Ensure all main content sections have primary background */
@@ -756,10 +761,8 @@ Answer:"""
         }
         """
 
-        # Using gr.Blocks with the specified theme and custom CSS
-        # Note: While a theme is specified, most stylistic aspects are overridden by custom_css.
-        # This keeps the underlying Gradio structure but allows full visual control.
-        with gr.Blocks(theme="shivi/calm_seafoam", css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
+        # Using gr.Blocks with custom CSS only to ensure no blue colors are inherited from a theme.
+        with gr.Blocks(css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
             # Header Section - uses gr.Group for distinct card-like styling
             with gr.Group(elem_classes="app-header-wrapper"):
                 # Markdown used for flexible styling and auto-centering via CSS