Update app.py

app.py

@@ -4,21 +4,24 @@ import sys
 import argparse
 from utils import *
 from chat_func import *
+from theme_dropdown import create_theme_dropdown 
 
+
+   
 my_api_key = os.environ.get('my_api_key')
 
 if my_api_key == "empty":
     print("Please give a api key!")
     sys.exit(1)
-
+    
+dropdown, js = create_theme_dropdown()
 gr.Chatbot.postprocess = postprocess
 
 
 with open("css_new.css", "r", encoding="utf-8") as f:
     css = f.read()
 
-with gr.Blocks(css=css,theme='gstaff/xkcd') as demo:
-    # theme=gr.themes.Soft()
+with gr.Blocks(css=css,theme='gradio/soft') as demo:
     history = gr.State([])
     token_count = gr.State([])
     promptTemplates = gr.State(load_template('myprompts.json', mode=2))
@@ -29,7 +32,22 @@ with gr.Blocks(css=css,theme='gstaff/xkcd') as demo:
 
     with gr.Accordion("Build by [45度科研人](WeChat Public Accounts)", open=False):
         gr.Markdown(description)
-        
+
+    with gr.Column(scale=2):
+    with gr.Box():
+        dropdown.render()
+        toggle_dark = gr.Button(value="Toggle Dark").style(full_width=True)
+
+    dropdown.change(None, dropdown, None, _js=js)
+    toggle_dark.click(
+        None,
+        _js="""
+        () => {
+            document.body.classList.toggle('dark');
+            document.querySelector('gradio-app').style.backgroundColor = 'var(--color-background-primary)'
+        }
+        """,)
+    
     with gr.Row(scale=1).style(equal_height=True):
         with gr.Column(scale=5):
             with gr.Column():