UI微信化

ChuanhuChatbot.py

@@ -53,7 +53,67 @@ gr.Chatbot.postprocess = postprocess
 with open("custom.css", "r") as f:
     customCSS = f.read()
 
-with gr.Blocks(css=customCSS) as demo:
+with gr.Blocks(
+    css=customCSS,
+    theme=gr.themes.Soft(
+        primary_hue=gr.themes.Color(
+            c50="#02C160",
+            c100="rgba(2, 193, 96, 0.2)",
+            c200="#02C160",
+            c300="rgba(2, 193, 96, 0.32)",
+            c400="rgba(2, 193, 96, 0.32)",
+            c500="rgba(2, 193, 96, 1.0)",
+            c600="rgba(2, 193, 96, 1.0)",
+            c700="rgba(2, 193, 96, 0.32)",
+            c800="rgba(2, 193, 96, 0.32)",
+            c900="#02C160",
+            c950="#02C160",
+        ),
+        secondary_hue=gr.themes.Color(
+            c50="#576b95",
+            c100="#576b95",
+            c200="#576b95",
+            c300="#576b95",
+            c400="#576b95",
+            c500="#576b95",
+            c600="#576b95",
+            c700="#576b95",
+            c800="#576b95",
+            c900="#576b95",
+            c950="#576b95",
+        ),
+        neutral_hue=gr.themes.Color(
+            name="gray",
+            c50="#f9fafb",
+            c100="#f3f4f6",
+            c200="#e5e7eb",
+            c300="#d1d5db",
+            c400="#B2B2B2",
+            c500="#808080",
+            c600="#636363",
+            c700="#515151",
+            c800="#393939",
+            c900="#272727",
+            c950="#171717",
+        ),
+        radius_size=gr.themes.sizes.radius_sm,
+    ).set(
+        button_primary_background_fill="#06AE56",
+        button_primary_background_fill_dark="#06AE56",
+        button_primary_border_color="#06AE56",
+        button_primary_border_color_dark="#06AE56",
+        button_primary_text_color="#FFFFFF",
+        button_primary_text_color_dark="#FFFFFF",
+        button_secondary_background_fill="#F2F2F2",
+        button_secondary_background_fill_dark="#2B2B2B",
+        button_secondary_text_color="#06AE56",
+        button_secondary_text_color_dark="#FFFFFF",
+        background_fill_primary="#F7F7F7",
+        background_fill_primary_dark="#1F1F1F",
+        block_title_text_color="#6E737B",
+        block_title_background_fill = "*background_fill_primary",
+    ),
+) as demo:
     history = gr.State([])
     token_count = gr.State([])
     promptTemplates = gr.State(load_template(get_template_names(plain=True)[0], mode=2))
@@ -74,8 +134,8 @@ with gr.Blocks(css=customCSS) as demo:
                     user_input = gr.Textbox(
                         show_label=False, placeholder="在这里输入"
                     ).style(container=False)
-                with gr.Column(min_width=50, scale=1):
-                    submitBtn = gr.Button("🚀", variant="primary")
+                with gr.Column(min_width=70, scale=1):
+                    submitBtn = gr.Button("发送", variant="primary")
             with gr.Row(scale=1):
                 emptyBtn = gr.Button(
                     "🧹 新的对话",
@@ -193,7 +253,7 @@ with gr.Blocks(css=customCSS) as demo:
                         placeholder=f"在这里输入API地址...",
                         label="API地址",
                         value="https://api.openai.com/v1/chat/completions",
-                        lines=2
+                        lines=2,
                     )
                     changeAPIURLBtn = gr.Button("🔄 切换API地址")
                     proxyTxt = gr.Textbox(
@@ -201,11 +261,10 @@ with gr.Blocks(css=customCSS) as demo:
                         placeholder=f"在这里输入代理地址...",
                         label="代理地址（示例：http://127.0.0.1:10809）",
                         value="",
-                        lines=2
+                        lines=2,
                     )
                     changeProxyBtn = gr.Button("🔄 设置代理地址")
 
-
     gr.Markdown(description)
 
     # Chatbot
@@ -340,10 +399,7 @@ with gr.Blocks(css=customCSS) as demo:
 
     # Advanced
     default_btn.click(
-        reset_default,
-        [],
-        [apiurlTxt, proxyTxt, status_display],
-        show_progress=True
+        reset_default, [], [apiurlTxt, proxyTxt, status_display], show_progress=True
     )
     changeAPIURLBtn.click(
         change_api_url,