Update app.py

app.py

@@ -258,33 +258,25 @@ def predict_disease(symptoms):
     return "\n".join(markdown_output)
 
 # Gradio Application Interface
-with gr.Blocks() as app:
+with gr.Blocks(theme='shivi/calm_seafoam') as app:  # Set theme here
     gr.HTML("<h1>🌟 Well-Being Companion</h1>")
     
     # Theme Dropdown
-    theme_dropdown = gr.Dropdown(choices=["calm_seafoam", "Ranko_test"], label="Select Theme")
-    theme_state = gr.State("calm_seafoam")  # Default Theme
-
-    def update_theme(theme):
-        """Update the theme based on user selection."""
-        return f"""
-        () => {{
-            const themeElem = document.createElement('link');
-            themeElem.rel = 'stylesheet';
-            themeElem.href = '/themes/' + theme + '.css'; // Path to the theme CSS files
-            document.head.appendChild(themeElem);
-        }}
-        """
-
-    theme_dropdown.change(update_theme, inputs=theme_dropdown, outputs=[])
-
+    themes = [
+        "calm_seafoam",
+        "Ranko_test"
+    ]
+    
+    theme_dropdown = gr.Dropdown(choices=themes, label="Select Theme")
+    
+    # Button to toggle dark mode
     toggle_dark = gr.Button(value="Toggle Dark", scale=1)  
 
-    # Moving dark mode functionality to a Python function
-    def toggle_dark_mode():
-        return "dark" if "dark" not in app.state else ""
+    # Function to switch to dark mode
+    def toggle_dark_mode(dark_mode):
+        return "dark" if dark_mode == "light" else "light"
 
-    toggle_dark.click(toggle_dark_mode, None, theme_state)
+    toggle_dark.click(toggle_dark_mode, inputs=None, outputs=None)  # Update this as you wish
 
     with gr.Tab("Well-Being Chatbot"):
         with gr.Row():