Update app.py

app.py

@@ -301,13 +301,36 @@ stored_paragraphs_2 = []
 stored_df1 = []
 stored_df2 = []
 
+current_theme = {"dark": False}
+
 def toggle_dark_mode():
-    # This can be used if you want to manage state in Python,
-    # but since we are using JavaScript for dark mode,
-    # we don't need to define any function here.
-    return None
+    current_theme["dark"] = not current_theme["dark"]
+    if current_theme["dark"]:
+        return gr.update(css="""
+            body {
+                background-color: #333;
+                color: white;
+            }
+            .gradio-container {
+                background-color: #444;
+            }
+        """)
+    else:
+        return gr.update(css="""
+            body {
+                background-color: white;
+                color: black;
+            }
+            .gradio-container {
+                background-color: #f0f0f0;
+            }
+        """)
     
 with gr.Blocks(theme='gradio/soft') as demo:
+    with gr.Row():
+        toggle_dark = gr.Button(value="Toggle Dark Mode")
+
+    toggle_dark.click(fn=toggle_dark_mode)
     with gr.Tab("Methodology"):
         gr.Markdown("""
         ## Macro-economy Adverse Scenario Comparison from EBA Reports