Update app.py

Added dark/light mode toggle

app.py

@@ -21,5 +21,56 @@ def anjibot(message, history):
     responses.append(answer)
     return "AnjiBot: " + answer
 
+def toggle_theme(theme):
+    if theme == "dark":
+        demo_chatbot.style(stylesheet=dark_mode_css)
+    else:
+        demo_chatbot.style(stylesheet=light_mode_css)
+
+# Dark and light mode CSS
+dark_mode_css = """
+    body {
+        background-color: #1e1e1e;
+        color: #ffffff;
+    }
+    .gr-absolute-container {
+        background-color: #1e1e1e;
+    }
+    .gr-input {
+        background-color: #2a2a2a;
+        color: #ffffff;
+    }
+    .gr-output {
+        background-color: #2a2a2a;
+        color: #ffffff;
+    }
+"""
+
+light_mode_css = """
+    body {
+        background-color: #ffffff;
+        color: #000000;
+    }
+    .gr-absolute-container {
+        background-color: #ffffff;
+    }
+    .gr-input {
+        background-color: #eeeeee;
+        color: #000000;
+    }
+    .gr-output {
+        background-color: #eeeeee;
+        color: #000000;
+    }
+"""
+
+
 demo_chatbot = gr.ChatInterface(anjibot, title='AnjiBot', description="Anji is unavailable? That girl! Ask me, I may know!")
+
+theme_button = gr.Button("Toggle Theme", toggle_theme, default="light", choices=["light", "dark"])
+demo_chatbot.add_input(theme_button)
+
+
+demo_chatbot.style(stylesheet=light_mode_css)
+
 demo_chatbot.launch()