Update app.py

app.py

@@ -271,30 +271,20 @@ with gr.Blocks() as app:
 
     toggle_dark = gr.Button(value="Toggle Dark", scale=1)  
 
-    # Theme changing logic
-    theme_dropdown.change(
-        lambda theme: f"""
+    def switch_theme(theme):
+        """Switch CSS theme based on dropdown 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);
         }}
-        """,
-        inputs=theme_dropdown,
-        outputs=[]
-    )
-
-    toggle_dark.click(
-        None,
-        None,
-        None,
-        _js="""
-        () => {
-            document.body.classList.toggle('dark');
-        }
         """
-    )
+
+    theme_dropdown.change(switch_theme, inputs=theme_dropdown, outputs=[])
+
+    toggle_dark.click(lambda: None, None, None)  # Just a placeholder for a dark mode operation
 
     with gr.Tab("Well-Being Chatbot"):
         with gr.Row():