UI update

app.py

@@ -296,12 +296,12 @@ Answer:"""
         /* Import legible fonts from Google Fonts */
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@600;700;800&display=swap');
 
-        /* Root variables for light theme */
+        /* Root variables for the light theme (single theme now) */
         :root {
             --primary-color: #FF8C00;
             --primary-hover: #E07B00;
             --background-primary: hsl(30, 100%, 99.9%);
-            --background-secondary: #FFE8CC; /* Changed to light orange */
+            --background-secondary: #FFE8CC; /* Light orange background */
             --text-primary: #4A3C32;
             --text-secondary: #8C7B6F;
             --border-color: hsl(30, 70%, 85%);
@@ -312,30 +312,9 @@ Answer:"""
             --error-bg: #FFF0E0;
             --error-border: #FFD2B2;
             --error-text: #E05C00;
-            /* New variables for the orange gradient */
-            --gradient-start: #D68A2E; /* Darker shade of orange-brown */
-            --gradient-end: #F5B261;   /* Lighter shade of orange-brown */
-        }
-
-        /* Dark theme variables */
-        [data-theme="dark"] {
-            --primary-color: #FF8C00;
-            --primary-hover: #FFB366;
-            --background-primary: #1A1A1A;
-            --background-secondary: #FFCC99; /* Slightly darker light orange for dark theme */
-            --text-primary: #E0E0E0;
-            --text-secondary: #A0A0A0;
-            --border-color: #454545;
-            --border-focus: #FF8C00;
-            --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
-            --shadow-md: 0 4px 10px rgba(0,0,0,0.4);
-            --shadow-lg: 0 10px 20px rgba(0,0,0,0.5);
-            --error-bg: #3A2A2A;
-            --error-border: #FF8C00;
-            --error-text: #FF8C00;
-            /* New variables for the orange gradient in dark theme */
-            --gradient-start: #D68A2E; /* Keep the same gradient for consistency */
-            --gradient-end: #F5B261;   /* Keep the same gradient for consistency */
+            /* Adjusted gradient variables to complement the light orange theme */
+            --gradient-start: #FFDAB3; /* Lighter orange to match the theme */
+            --gradient-end: #FFE8CC;   /* Matches the background for a cohesive look */
         }
 
         body, html {
@@ -868,26 +847,6 @@ Answer:"""
             text-decoration: none !important;
         }
 
-        /* Theme toggle button styles */
-        .theme-toggle {
-            position: fixed;
-            top: 1rem;
-            right: 1rem;
-            padding: 0.5rem 1rem;
-            background-color: var(--primary-color);
-            color: white;
-            border: none;
-            border-radius: 8px;
-            cursor: pointer;
-            font-size: 0.9rem;
-            font-weight: 600;
-            transition: background-color 0.2s ease;
-        }
-
-        .theme-toggle:hover {
-            background-color: var(--primary-hover);
-        }
-
         @media (max-width: 768px) {
             .gradio-container {
                 padding: 1rem !important;
@@ -933,47 +892,10 @@ Answer:"""
                 padding: 1.5rem 1rem !important;
                 font-size: 1rem !important;
             }
-
-            .theme-toggle {
-                top: 0.5rem;
-                right: 0.5rem;
-                padding: 0.4rem 0.8rem;
-                font-size: 0.8rem;
-            }
         }
         """
 
         with gr.Blocks(css=custom_css, title="Landlord-Tenant Rights Assistant") as demo:
-            # Theme toggle button
-            gr.HTML(
-                """
-                <button class="theme-toggle" onclick="toggleTheme()">Toggle Theme</button>
-                <script>
-                    function setTheme(theme) {
-                        document.documentElement.setAttribute('data-theme', theme);
-                        localStorage.setItem('theme', theme);
-                    }
-
-                    function toggleTheme() {
-                        const currentTheme = document.documentElement.getAttribute('data-theme') || 'light';
-                        const newTheme = currentTheme === 'light' ? 'dark' : 'light';
-                        setTheme(newTheme);
-                    }
-
-                    // Check system preference or saved preference
-                    const savedTheme = localStorage.getItem('theme');
-                    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
-                    const initialTheme = savedTheme || (prefersDark ? 'dark' : 'light');
-                    setTheme(initialTheme);
-
-                    // Listen for system theme changes
-                    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (e) => {
-                        setTheme(e.matches ? 'dark' : 'light');
-                    });
-                </script>
-                """
-            )
-
             with gr.Group(elem_classes="app-header-wrapper"):
                 gr.Markdown(
                     """
@@ -1092,7 +1014,6 @@ Answer:"""
 
             return demo
 
-
 # --- Main Execution Block (UNCHANGED from original logic) ---
 if __name__ == "__main__":
     logging.info("Starting Landlord-Tenant Rights Bot application...")