update sth. at 2024-11-18 23:50:10

app.py

@@ -83,14 +83,49 @@ def build_interface():
     """
     构建 Gradio 界面布局，包括文本聊天、chatgpt-4o-mini 和图像生成模块。
     """
-    with gr.Blocks(css=".gradio-container {background-color: #f0f4f8; font-family: Arial, sans-serif;}") as demo:
+    with gr.Blocks(css="""
+        @media (prefers-color-scheme: dark) {
+            .gradio-container {
+                background-color: #1e1e1e; 
+                color: #ffffff; 
+                font-family: Arial, sans-serif;
+            }
+            .tab-title {
+                color: #ffffff; 
+            }
+            .gr-button {
+                background-color: #4A90E2; 
+                color: white;
+            }
+            .gr-button:hover {
+                background-color: #357ABD;
+            }
+        }
+        @media (prefers-color-scheme: light) {
+            .gradio-container {
+                background-color: #ffffff; 
+                color: #000000; 
+                font-family: Arial, sans-serif;
+            }
+            .tab-title {
+                color: #000000; 
+            }
+            .gr-button {
+                background-color: #4A90E2; 
+                color: white;
+            }
+            .gr-button:hover {
+                background-color: #357ABD;
+            }
+        }
+    """) as demo:
         gr.Markdown("<h1 style='text-align: center; color: #4A90E2;'>智能助手</h1>")
         status_output = gr.Textbox(label="服务状态", value=service_status, interactive=False, elem_id="status_output")
 
         # 文本聊天模块
         with gr.Tab("Llama3.2-11B"):
             chatbox_input = gr.Textbox(label="输入你的问题", placeholder="请提问...", elem_id="chatbox_input")
-            chatbox_output = gr.Textbox(label="回答", interactive=False, elem_id="chatbox_output")
+            chatbox_output = gr.Markdown(label="回答", interactive=False, elem_id="chatbox_output")  # 使用 Markdown 输出
             chatbox_button = gr.Button("发送", elem_id="chatbox_button")
 
             def chat_handler(user_input):
@@ -103,7 +138,7 @@ def build_interface():
         with gr.Tab("gpt4o"):
             system_prompt_input = gr.Textbox(label="自定义系统提示词", placeholder="输入系统提示词...", elem_id="system_prompt_input")
             chatgpt_input = gr.Textbox(label="输入你的问题", placeholder="请提问...", elem_id="chatgpt_input")
-            chatgpt_output = gr.Textbox(label="回答", interactive=False, elem_id="chatgpt_output")
+            chatgpt_output = gr.Markdown(label="回答", interactive=False, elem_id="chatgpt_output")  # 使用 Markdown 输出
             chatgpt_button = gr.Button("发送", elem_id="chatgpt_button")
 
             def chatgpt_handler(system_prompt, user_input):