From e11d8132f8cee2937ca3b6822610312b49b5220f Mon Sep 17 00:00:00 2001
From: qingxu fu <505030475@qq.com>
Date: Sat, 1 Jul 2023 23:02:44 +0800
Subject: [PATCH] add green theme
---
config.py | 3 +
crazy_functions/对话历史存档.py | 2 +-
main.py | 2 +-
theme.py => theme/default.py | 54 +--
theme/green.css | 806 ++++++++++++++++++++++++++++++++
theme/green.py | 103 ++++
theme/theme.py | 10 +
7 files changed, 952 insertions(+), 28 deletions(-)
rename theme.py => theme/default.py (94%)
create mode 100644 theme/green.css
create mode 100644 theme/green.py
create mode 100644 theme/theme.py
diff --git a/config.py b/config.py
index f187a0c..3737535 100644
--- a/config.py
+++ b/config.py
@@ -59,6 +59,9 @@ CONCURRENT_COUNT = 100
# 是否在提交时自动清空输入框
AUTO_CLEAR_TXT = False
+# 色彩主体，可选： "Default", "Green"
+THEME = "Green"
+
# 加一个live2d装饰
ADD_WAIFU = False
diff --git a/crazy_functions/对话历史存档.py b/crazy_functions/对话历史存档.py
index fed0f8f..003cbf5 100644
--- a/crazy_functions/对话历史存档.py
+++ b/crazy_functions/对话历史存档.py
@@ -12,7 +12,7 @@ def write_chat_to_file(chatbot, history=None, file_name=None):
file_name = 'chatGPT对话历史' + time.strftime("%Y-%m-%d-%H-%M-%S", time.localtime()) + '.html'
os.makedirs('./gpt_log/', exist_ok=True)
with open(f'./gpt_log/{file_name}', 'w', encoding='utf8') as f:
- from theme import advanced_css
+ from theme.theme import advanced_css
f.write(f'对话历史')
for i, contents in enumerate(chatbot):
for j, content in enumerate(contents):
diff --git a/main.py b/main.py
index 2cbb27f..40b761f 100644
--- a/main.py
+++ b/main.py
@@ -37,7 +37,7 @@ def main():
gr.Chatbot.postprocess = format_io
# 做一些外观色彩上的调整
- from theme import adjust_theme, advanced_css
+ from theme.theme import adjust_theme, advanced_css
set_theme = adjust_theme()
# 代理与自动更新
diff --git a/theme.py b/theme/default.py
similarity index 94%
rename from theme.py
rename to theme/default.py
index 5ef7e96..ade4327 100644
--- a/theme.py
+++ b/theme/default.py
@@ -1,30 +1,33 @@
+"""
+gradio可用颜色列表
+gr.themes.utils.colors.slate (石板色)
+gr.themes.utils.colors.gray (灰色)
+gr.themes.utils.colors.zinc (锌色)
+gr.themes.utils.colors.neutral (中性色)
+gr.themes.utils.colors.stone (石头色)
+gr.themes.utils.colors.red (红色)
+gr.themes.utils.colors.orange (橙色)
+gr.themes.utils.colors.amber (琥珀色)
+gr.themes.utils.colors.yellow (黄色)
+gr.themes.utils.colors.lime (酸橙色)
+gr.themes.utils.colors.green (绿色)
+gr.themes.utils.colors.emerald (祖母绿)
+gr.themes.utils.colors.teal (青蓝色)
+gr.themes.utils.colors.cyan (青色)
+gr.themes.utils.colors.sky (天蓝色)
+gr.themes.utils.colors.blue (蓝色)
+gr.themes.utils.colors.indigo (靛蓝色)
+gr.themes.utils.colors.violet (紫罗兰色)
+gr.themes.utils.colors.purple (紫色)
+gr.themes.utils.colors.fuchsia (洋红色)
+gr.themes.utils.colors.pink (粉红色)
+gr.themes.utils.colors.rose (玫瑰色)
+"""
+
+
import gradio as gr
from toolbox import get_conf
CODE_HIGHLIGHT, ADD_WAIFU = get_conf('CODE_HIGHLIGHT', 'ADD_WAIFU')
-# gradio可用颜色列表
-# gr.themes.utils.colors.slate (石板色)
-# gr.themes.utils.colors.gray (灰色)
-# gr.themes.utils.colors.zinc (锌色)
-# gr.themes.utils.colors.neutral (中性色)
-# gr.themes.utils.colors.stone (石头色)
-# gr.themes.utils.colors.red (红色)
-# gr.themes.utils.colors.orange (橙色)
-# gr.themes.utils.colors.amber (琥珀色)
-# gr.themes.utils.colors.yellow (黄色)
-# gr.themes.utils.colors.lime (酸橙色)
-# gr.themes.utils.colors.green (绿色)
-# gr.themes.utils.colors.emerald (祖母绿)
-# gr.themes.utils.colors.teal (青蓝色)
-# gr.themes.utils.colors.cyan (青色)
-# gr.themes.utils.colors.sky (天蓝色)
-# gr.themes.utils.colors.blue (蓝色)
-# gr.themes.utils.colors.indigo (靛蓝色)
-# gr.themes.utils.colors.violet (紫罗兰色)
-# gr.themes.utils.colors.purple (紫色)
-# gr.themes.utils.colors.fuchsia (洋红色)
-# gr.themes.utils.colors.pink (粉红色)
-# gr.themes.utils.colors.rose (玫瑰色)
-
def adjust_theme():
@@ -33,8 +36,7 @@ def adjust_theme():
set_theme = gr.themes.Default(
primary_hue=gr.themes.utils.colors.orange,
neutral_hue=gr.themes.utils.colors.gray,
- font=["sans-serif", "Microsoft YaHei", "ui-sans-serif", "system-ui",
- "sans-serif", gr.themes.utils.fonts.GoogleFont("Source Sans Pro")],
+ font=["sans-serif", "Microsoft YaHei", "ui-sans-serif", "system-ui"],
font_mono=["ui-monospace", "Consolas", "monospace", gr.themes.utils.fonts.GoogleFont("IBM Plex Mono")])
set_theme.set(
# Colors
diff --git a/theme/green.css b/theme/green.css
new file mode 100644
index 0000000..d024294
--- /dev/null
+++ b/theme/green.css
@@ -0,0 +1,806 @@
+:root {
+ --chatbot-color-light: #000000;
+ --chatbot-color-dark: #FFFFFF;
+ --chatbot-background-color-light: #F3F3F3;
+ --chatbot-background-color-dark: #121111;
+ --message-user-background-color-light: #95EC69;
+ --message-user-background-color-dark: #26B561;
+ --message-bot-background-color-light: #FFFFFF;
+ --message-bot-background-color-dark: #2C2C2C;
+}
+mspace {
+ display: block;
+}
+@media only screen and (max-width: 767px) {
+ #column_1 {
+ display: none !important;
+ }
+}
+@keyframes highlight {
+ 0%, 100% {
+ border: 2px solid transparent;
+ }
+ 50% {
+ border-color: yellow;
+ }
+}
+
+#highlight_update {
+ animation-name: highlight;
+ animation-duration: 0.75s;
+ animation-iteration-count: 3;
+}
+
+.table-wrap.svelte-13hsdno.svelte-13hsdno.svelte-13hsdno {
+ border: 0px solid var(--border-color-primary) !important;
+}
+
+#examples_col {
+ z-index: 2;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ margin-bottom: 30% !important;
+}
+#hide_examples {
+ z-index: 0;
+}
+
+#debug_mes {
+ position: absolute;
+ display: flex;
+ bottom: 0;
+ left: 0;
+ z-index: 1; /* 设置更高的 z-index 值 */
+ margin-bottom: -4px !important;
+ align-self: flex-end;
+}
+#chat_box {
+ display: flex;
+ flex-direction: column;
+ overflow-y: visible !important;
+ z-index: 3;
+ flex-grow: 1; /* 自动填充剩余空间 */
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ margin-bottom: 30px !important;
+ border: 1px solid var(--border-color-primary);
+}
+.toast-body {
+ z-index: 5 !important;
+}
+.chat_input {
+
+}
+.sm_btn {
+ position: relative;
+ bottom: 5px;
+ height: 10%;
+ border-radius: 20px!important;
+ min-width: min(10%,100%) !important;
+ overflow: hidden;
+}
+.sm_select {
+ position: relative !important;
+ z-index: 5 !important;
+ bottom: 5px;
+ min-width: min(20%,100%) !important;
+ border-radius: 20px!important;
+}
+.sm_checkbox {
+ position: relative !important;
+ z-index: 5 !important;
+ bottom: 5px;
+ padding: 0 !important;
+}
+.sm_select .wrap-inner.svelte-aqlk7e.svelte-aqlk7e.svelte-aqlk7e {
+ padding: 0 !important;
+}
+.sm_select .block.svelte-mppz8v {
+ width: 10% !important;
+}
+
+/* usage_display */
+.insert_block {
+ position: relative;
+ bottom: 2px;
+ min-width: min(55px,100%) !important;
+}
+
+.submit_btn {
+ flex-direction: column-reverse;
+ overflow-y: auto !important;
+ position: absolute;
+ bottom: 0;
+ right: 10px;
+ margin-bottom: 10px !important;
+ min-width: min(50px,100%) !important;
+}
+
+textarea {
+ resize: none;
+ height: 100%; /* 填充父元素的高度 */
+}
+#main_chatbot {
+ height: 75vh !important;
+ max-height: 75vh !important;
+ /* overflow: auto !important; */
+ z-index: 2;
+ transform: translateZ(0) !important;
+ backface-visibility: hidden !important;
+ will-change: transform !important;
+}
+#prompt_result{
+ height: 60vh !important;
+ max-height: 60vh !important;
+}
+
+#app_title {
+ font-weight: var(--prose-header-text-weight);
+ font-size: var(--text-xxl);
+ line-height: 1.3;
+ text-align: left;
+ margin-top: 6px;
+ white-space: nowrap;
+}
+#description {
+ text-align: center;
+ margin: 32px 0 4px 0;
+}
+
+/* gradio的页脚信息 */
+footer {
+ /* display: none !important; */
+ margin-top: .2em !important;
+ font-size: 85%;
+}
+#footer {
+ text-align: center;
+}
+#footer div {
+ display: inline-block;
+}
+#footer .versions{
+ font-size: 85%;
+ opacity: 0.60;
+}
+
+#float_display {
+ position: absolute;
+ max-height: 30px;
+}
+/* user_info */
+#user_info {
+ white-space: nowrap;
+ position: absolute; left: 8em; top: .2em;
+ z-index: var(--layer-2);
+ box-shadow: var(--block-shadow);
+ border: none; border-radius: var(--block-label-radius);
+ background: var(--color-accent);
+ padding: var(--block-label-padding);
+ font-size: var(--block-label-text-size); line-height: var(--line-sm);
+ width: auto; min-height: 30px !important;
+ opacity: 1;
+ transition: opacity 0.3s ease-in-out;
+}
+textarea.svelte-1pie7s6 {
+ background: #e7e6e6 !important;
+ width: 96% !important;
+}
+
+.dark textarea.svelte-1pie7s6 {
+ background: var(--input-background-fill) !important;
+ width: 96% !important;
+}
+
+.dark input[type=number].svelte-1cl284s {
+ background: #393939 !important;
+ border: var(--input-border-width) solid var(--input-border-color) !important;
+}
+.dark input[type="range"] {
+ background: #393939 !important;
+}
+#user_info .wrap {
+ opacity: 0;
+}
+#user_info p {
+ color: white;
+ font-weight: var(--block-label-text-weight);
+}
+#user_info.hideK {
+ opacity: 0;
+ transition: opacity 1s ease-in-out;
+}
+[class *= "message"] {
+ gap: 7px !important;
+ border-radius: var(--radius-xl) !important
+}
+/* debug_mes */
+#debug_mes {
+ min-height: 2em;
+ align-items: flex-end;
+ justify-content: flex-end;
+}
+#debug_mes p {
+ font-size: .85em;
+ font-family: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", "Microsoft Yahei UI", "Microsoft Yahei", monospace;
+ /* Windows下中文的monospace会fallback为新宋体，实在太丑，这里折中使用微软雅黑 */
+ color: #000000;
+}
+.dark #debug_mes p {
+ color: #ee65ed;
+}
+
+#debug_mes {
+ transition: all 0.6s;
+}
+#main_chatbot {
+ transition: height 0.3s ease;
+}
+
+.wrap.svelte-18telvq.svelte-18telvq {
+ padding: var(--block-padding) !important;
+ height: 100% !important;
+ max-height: 95% !important;
+ overflow-y: auto !important;
+}
+.app.svelte-1mya07g.svelte-1mya07g {
+ max-width: 100%;
+ position: relative;
+ /* margin: auto; */
+ padding: var(--size-4);
+ width: 100%;
+ height: 100%;
+}
+
+.gradio-container-3-32-2 h1 {
+ font-weight: 700 !important;
+ font-size: 28px !important;
+}
+
+
+.gradio-container-3-32-2 h2 {
+ font-weight: 600 !important;
+ font-size: 24px !important;
+}
+.gradio-container-3-32-2 h3 {
+ font-weight: 500 !important;
+ font-size: 20px !important;
+}
+.gradio-container-3-32-2 h4 {
+ font-weight: 400 !important;
+ font-size: 16px !important;
+}
+.gradio-container-3-32-2 h5 {
+ font-weight: 300 !important;
+ font-size: 14px !important;
+}
+.gradio-container-3-32-2 h6 {
+ font-weight: 200 !important;
+ font-size: 12px !important;
+}
+
+
+#usage_display p, #usage_display span {
+ margin: 0;
+ font-size: .85em;
+ color: var(--body-text-color-subdued);
+}
+.progress-bar {
+ background-color: var(--input-background-fill);;
+ margin: .5em 0 !important;
+ height: 20px;
+ border-radius: 10px;
+ overflow: hidden;
+}
+.progress {
+ background-color: var(--block-title-background-fill);
+ height: 100%;
+ border-radius: 10px;
+ text-align: right;
+ transition: width 0.5s ease-in-out;
+}
+.progress-text {
+ /* color: white; */
+ color: var(--color-accent) !important;
+ font-size: 1em !important;
+ font-weight: bold;
+ padding-right: 10px;
+ line-height: 20px;
+}
+
+.apSwitch {
+ top: 2px;
+ display: inline-block;
+ height: 24px;
+ position: relative;
+ width: 48px;
+ border-radius: 12px;
+}
+.apSwitch input {
+ display: none !important;
+}
+.apSlider {
+ background-color: var(--neutral-200);
+ bottom: 0;
+ cursor: pointer;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ transition: .4s;
+ font-size: 18px;
+ border-radius: 7px;
+}
+.apSlider::before {
+ bottom: -1.5px;
+ left: 1px;
+ position: absolute;
+ transition: .4s;
+ content: "🌞";
+}
+hr.append-display {
+ margin: 8px 0;
+ border: none;
+ height: 1px;
+ border-top-width: 0;
+ background-image: linear-gradient(to right, rgba(50,50,50, 0.1), rgba(150, 150, 150, 0.8), rgba(50,50,50, 0.1));
+}
+.source-a {
+ font-size: 0.8em;
+ max-width: 100%;
+ margin: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ /* background-color: #dddddd88; */
+ border-radius: 1.5rem;
+ padding: 0.2em;
+}
+.source-a a {
+ display: inline-block;
+ background-color: #aaaaaa50;
+ border-radius: 1rem;
+ padding: 0.5em;
+ text-align: center;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ min-width: 20%;
+ white-space: nowrap;
+ margin: 0.2rem 0.1rem;
+ text-decoration: none !important;
+ flex: 1;
+ transition: flex 0.5s;
+}
+.source-a a:hover {
+ background-color: #aaaaaa20;
+ flex: 2;
+}
+input:checked + .apSlider {
+ background-color: var(--primary-600);
+}
+input:checked + .apSlider::before {
+ transform: translateX(23px);
+ content:"🌚";
+}
+
+/* Override Slider Styles (for webkit browsers like Safari and Chrome)
+ * 好希望这份提案能早日实现 https://github.com/w3c/csswg-drafts/issues/4410
+ * 进度滑块在各个平台还是太不统一了
+ */
+input[type="range"] {
+ -webkit-appearance: none;
+ height: 4px;
+ background: var(--input-background-fill);
+ border-radius: 5px;
+ background-image: linear-gradient(var(--primary-500),var(--primary-500));
+ background-size: 0% 100%;
+ background-repeat: no-repeat;
+}
+input[type="range"]::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ height: 20px;
+ width: 20px;
+ border-radius: 50%;
+ border: solid 0.5px #ddd;
+ background-color: white;
+ cursor: ew-resize;
+ box-shadow: var(--input-shadow);
+ transition: background-color .1s ease;
+}
+input[type="range"]::-webkit-slider-thumb:hover {
+ background: var(--neutral-50);
+}
+input[type=range]::-webkit-slider-runnable-track {
+ -webkit-appearance: none;
+ box-shadow: none;
+ border: none;
+ background: transparent;
+}
+
+.submit_btn, #cancel_btn {
+ height: 42px !important;
+}
+.submit_btn::before {
+ content: url("data:image/svg+xml, %3Csvg width='21px' height='20px' viewBox='0 0 21 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='send' transform='translate(0.435849, 0.088463)' fill='%23FFFFFF' fill-rule='nonzero'%3E %3Cpath d='M0.579148261,0.0428666046 C0.301105539,-0.0961547561 -0.036517765,0.122307382 0.0032026237,0.420210298 L1.4927172,18.1553639 C1.5125774,18.4334066 1.79062012,18.5922882 2.04880264,18.4929872 L8.24518329,15.8913017 L11.6412765,19.7441794 C11.8597387,19.9825018 12.2370824,19.8832008 12.3165231,19.5852979 L13.9450591,13.4882182 L19.7839562,11.0255541 C20.0619989,10.8865327 20.0818591,10.4694687 19.7839562,10.3105871 L0.579148261,0.0428666046 Z M11.6138902,17.0883151 L9.85385903,14.7195502 L0.718169621,0.618812241 L12.69945,12.9346347 L11.6138902,17.0883151 Z' id='shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
+ height: 21px;
+}
+
+#cancel_btn::before {
+ content: url("data:image/svg+xml,%3Csvg width='21px' height='21px' viewBox='0 0 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='pg' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cpath d='M10.2072007,20.088463 C11.5727865,20.088463 12.8594566,19.8259823 14.067211,19.3010209 C15.2749653,18.7760595 16.3386126,18.0538087 17.2581528,17.1342685 C18.177693,16.2147282 18.8982283,15.1527965 19.4197586,13.9484733 C19.9412889,12.7441501 20.202054,11.4557644 20.202054,10.0833163 C20.202054,8.71773046 19.9395733,7.43106036 19.4146119,6.22330603 C18.8896505,5.01555169 18.1673997,3.95018885 17.2478595,3.0272175 C16.3283192,2.10424615 15.2646719,1.3837109 14.0569176,0.865611739 C12.8491633,0.34751258 11.5624932,0.088463 10.1969073,0.088463 C8.83132146,0.088463 7.54636692,0.34751258 6.34204371,0.865611739 C5.1377205,1.3837109 4.07407321,2.10424615 3.15110186,3.0272175 C2.22813051,3.95018885 1.5058797,5.01555169 0.984349419,6.22330603 C0.46281914,7.43106036 0.202054,8.71773046 0.202054,10.0833163 C0.202054,11.4557644 0.4645347,12.7441501 0.9894961,13.9484733 C1.5144575,15.1527965 2.23670831,16.2147282 3.15624854,17.1342685 C4.07578877,18.0538087 5.1377205,18.7760595 6.34204371,19.3010209 C7.54636692,19.8259823 8.83475258,20.088463 10.2072007,20.088463 Z M10.2072007,18.2562448 C9.07493099,18.2562448 8.01471483,18.0452309 7.0265522,17.6232031 C6.03838956,17.2011753 5.17031614,16.6161693 4.42233192,15.8681851 C3.6743477,15.1202009 3.09105726,14.2521274 2.67246059,13.2639648 C2.25386392,12.2758022 2.04456558,11.215586 2.04456558,10.0833163 C2.04456558,8.95104663 2.25386392,7.89083047 2.67246059,6.90266784 C3.09105726,5.9145052 3.6743477,5.04643178 4.42233192,4.29844756 C5.17031614,3.55046334 6.036674,2.9671729 7.02140552,2.54857623 C8.00613703,2.12997956 9.06463763,1.92068122 10.1969073,1.92068122 C11.329177,1.92068122 12.3911087,2.12997956 13.3827025,2.54857623 C14.3742962,2.9671729 15.2440852,3.55046334 15.9920694,4.29844756 C16.7400537,5.04643178 17.3233441,5.9145052 17.7419408,6.90266784 C18.1605374,7.89083047 18.3698358,8.95104663 18.3698358,10.0833163 C18.3698358,11.215586 18.1605374,12.2758022 17.7419408,13.2639648 C17.3233441,14.2521274 16.7400537,15.1202009 15.9920694,15.8681851 C15.2440852,16.6161693 14.3760118,17.2011753 13.3878492,17.6232031 C12.3996865,18.0452309 11.3394704,18.2562448 10.2072007,18.2562448 Z M7.65444721,13.6242324 L12.7496608,13.6242324 C13.0584616,13.6242324 13.3003556,13.5384544 13.4753427,13.3668984 C13.6503299,13.1953424 13.7378234,12.9585951 13.7378234,12.6566565 L13.7378234,7.49968276 C13.7378234,7.19774418 13.6503299,6.96099688 13.4753427,6.78944087 C13.3003556,6.61788486 13.0584616,6.53210685 12.7496608,6.53210685 L7.65444721,6.53210685 C7.33878414,6.53210685 7.09345904,6.61788486 6.91847191,6.78944087 C6.74348478,6.96099688 6.65599121,7.19774418 6.65599121,7.49968276 L6.65599121,12.6566565 C6.65599121,12.9585951 6.74348478,13.1953424 6.91847191,13.3668984 C7.09345904,13.5384544 7.33878414,13.6242324 7.65444721,13.6242324 Z' id='shape' fill='%23FF3B30' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/svg%3E");
+ height: 21px;
+}
+/* list */
+ol:not(.options), ul:not(.options) {
+ padding-inline-start: 2em !important;
+}
+
+/* 亮色（默认） */
+#main_chatbot {
+ background-color: var(--chatbot-background-color-light) !important;
+ color: var(--chatbot-color-light) !important;
+}
+/* 暗色 */
+.dark #main_chatbot {
+ background-color: var(--block-background-fill) !important;
+ color: var(--chatbot-color-dark) !important;
+}
+
+/* 屏幕宽度大于等于500px的设备 */
+/* update on 2023.4.8: 高度的细致调整已写入JavaScript */
+@media screen and (min-width: 500px) {
+ #main_chatbot {
+ height: calc(100vh - 200px);
+ }
+ #main_chatbot .wrap {
+ max-height: calc(100vh - 200px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
+ }
+}
+/* 屏幕宽度小于500px的设备 */
+@media screen and (max-width: 499px) {
+ #main_chatbot {
+ height: calc(100vh - 140px);
+ }
+ #main_chatbot .wrap {
+ max-height: calc(100vh - 140px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
+ }
+ [data-testid = "bot"] {
+ max-width: 95% !important;
+ }
+ #app_title h1{
+ letter-spacing: -1px; font-size: 22px;
+ }
+}
+#main_chatbot .wrap {
+ overflow-x: hidden
+}
+/* 对话气泡 */
+.message {
+ border-radius: var(--radius-xl) !important;
+ border: none;
+ padding: var(--spacing-xl) !important;
+ font-size: 15px !important;
+ line-height: var(--line-md) !important;
+ min-height: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
+ min-width: calc(var(--text-md)*var(--line-md) + 2*var(--spacing-xl));
+}
+[data-testid = "bot"] {
+ max-width: 85%;
+ border-bottom-left-radius: 0 !important;
+}
+[data-testid = "user"] {
+ max-width: 85%;
+ width: auto !important;
+ border-bottom-right-radius: 0 !important;
+}
+
+.message p {
+ margin-top: 0.6em !important;
+ margin-bottom: 0.6em !important;
+}
+.message p:first-child { margin-top: 0 !important; }
+.message p:last-of-type { margin-bottom: 0 !important; }
+
+.message .md-message {
+ display: block;
+ padding: 0 !important;
+}
+.message .raw-message {
+ display: block;
+ padding: 0 !important;
+ white-space: pre-wrap;
+}
+.raw-message.hideM, .md-message.hideM {
+ display: none;
+}
+
+/* custom buttons */
+.chuanhu-btn {
+ border-radius: 5px;
+ /* background-color: #E6E6E6 !important; */
+ color: rgba(120, 120, 120, 0.64) !important;
+ padding: 4px !important;
+ position: absolute;
+ right: -22px;
+ cursor: pointer !important;
+ transition: color .2s ease, background-color .2s ease;
+}
+.chuanhu-btn:hover {
+ background-color: rgba(167, 167, 167, 0.25) !important;
+ color: unset !important;
+}
+.chuanhu-btn:active {
+ background-color: rgba(167, 167, 167, 0.5) !important;
+}
+.chuanhu-btn:focus {
+ outline: none;
+}
+.copy-bot-btn {
+ /* top: 18px; */
+ bottom: 0;
+}
+.toggle-md-btn {
+ /* top: 0; */
+ bottom: 20px;
+}
+.copy-code-btn {
+ position: relative;
+ float: right;
+ font-size: 1em;
+ cursor: pointer;
+}
+
+.message-wrap>div img{
+ border-radius: 10px !important;
+}
+
+/* history message */
+.wrap>.history-message {
+ padding: 10px !important;
+}
+.history-message {
+ /* padding: 0 !important; */
+ opacity: 80%;
+ display: flex;
+ flex-direction: column;
+}
+.history-message>.history-message {
+ padding: 0 !important;
+}
+.history-message>.message-wrap {
+ padding: 0 !important;
+ margin-bottom: 16px;
+}
+.history-message>.message {
+ margin-bottom: 16px;
+}
+.wrap>.history-message::after {
+ content: "";
+ display: block;
+ height: 2px;
+ background-color: var(--body-text-color-subdued);
+ margin-bottom: 10px;
+ margin-top: -10px;
+ clear: both;
+}
+.wrap>.history-message>:last-child::after {
+ content: "仅供查看";
+ display: block;
+ text-align: center;
+ color: var(--body-text-color-subdued);
+ font-size: 0.8em;
+}
+
+/* 表格 */
+table {
+ margin: 1em 0;
+ border-collapse: collapse;
+ empty-cells: show;
+}
+td,th {
+ border: 1.2px solid var(--border-color-primary) !important;
+ padding: 0.2em;
+}
+thead {
+ background-color: rgba(175,184,193,0.2);
+}
+thead th {
+ padding: .5em .2em;
+}
+/* 行内代码 */
+.message :not(pre) code {
+ display: inline;
+ white-space: break-spaces;
+ border-radius: 6px;
+ margin: 0 2px 0 2px;
+ padding: .2em .4em .1em .4em;
+ background-color: rgba(175,184,193,0.2);
+}
+/* 代码块 */
+.message pre code {
+ display: block;
+ overflow: auto;
+ white-space: pre;
+ background-color: hsla(0, 0%, 7%, 70%)!important;
+ border-radius: 10px;
+ padding: 1.2em 1em 0em .5em;
+ margin: 0.6em 2em 1em 0.2em;
+ color: #FFF;
+ box-shadow: 6px 6px 16px hsla(0, 0%, 0%, 0.2);
+}
+.dark .message pre code {
+ background-color: hsla(0, 0%, 20%, 300%)!important;
+}
+.message pre {
+ padding: 0 !important;
+}
+.message pre code div.highlight {
+ background-color: unset !important;
+}
+
+button.copy-button {
+ display: none;
+}
+
+/* 代码高亮样式 */
+.codehilite .hll { background-color: #6e7681 }
+.codehilite .c { color: #8b949e; font-style: italic } /* Comment */
+.codehilite .err { color: #f85149 } /* Error */
+.codehilite .esc { color: #c9d1d9 } /* Escape */
+.codehilite .g { color: #c9d1d9 } /* Generic */
+.codehilite .k { color: #ff7b72 } /* Keyword */
+.codehilite .l { color: #a5d6ff } /* Literal */
+.codehilite .n { color: #c9d1d9 } /* Name */
+.codehilite .o { color: #ff7b72; font-weight: bold } /* Operator */
+.codehilite .x { color: #c9d1d9 } /* Other */
+.codehilite .p { color: #c9d1d9 } /* Punctuation */
+.codehilite .ch { color: #8b949e; font-style: italic } /* Comment.Hashbang */
+.codehilite .cm { color: #8b949e; font-style: italic } /* Comment.Multiline */
+.codehilite .cp { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.codehilite .cpf { color: #8b949e; font-style: italic } /* Comment.PreprocFile */
+.codehilite .c1 { color: #8b949e; font-style: italic } /* Comment.Single */
+.codehilite .cs { color: #8b949e; font-weight: bold; font-style: italic } /* Comment.Special */
+.codehilite .gd { color: #ffa198; background-color: #490202 } /* Generic.Deleted */
+.codehilite .ge { color: #c9d1d9; font-style: italic } /* Generic.Emph */
+.codehilite .gr { color: #ffa198 } /* Generic.Error */
+.codehilite .gh { color: #79c0ff; font-weight: bold } /* Generic.Heading */
+.codehilite .gi { color: #56d364; background-color: #0f5323 } /* Generic.Inserted */
+.codehilite .go { color: #8b949e } /* Generic.Output */
+.codehilite .gp { color: #8b949e } /* Generic.Prompt */
+.codehilite .gs { color: #c9d1d9; font-weight: bold } /* Generic.Strong */
+.codehilite .gu { color: #79c0ff } /* Generic.Subheading */
+.codehilite .gt { color: #ff7b72 } /* Generic.Traceback */
+.codehilite .g-Underline { color: #c9d1d9; text-decoration: underline } /* Generic.Underline */
+.codehilite .kc { color: #79c0ff } /* Keyword.Constant */
+.codehilite .kd { color: #ff7b72 } /* Keyword.Declaration */
+.codehilite .kn { color: #ff7b72 } /* Keyword.Namespace */
+.codehilite .kp { color: #79c0ff } /* Keyword.Pseudo */
+.codehilite .kr { color: #ff7b72 } /* Keyword.Reserved */
+.codehilite .kt { color: #ff7b72 } /* Keyword.Type */
+.codehilite .ld { color: #79c0ff } /* Literal.Date */
+.codehilite .m { color: #a5d6ff } /* Literal.Number */
+.codehilite .s { color: #a5d6ff } /* Literal.String */
+.codehilite .na { color: #c9d1d9 } /* Name.Attribute */
+.codehilite .nb { color: #c9d1d9 } /* Name.Builtin */
+.codehilite .nc { color: #f0883e; font-weight: bold } /* Name.Class */
+.codehilite .no { color: #79c0ff; font-weight: bold } /* Name.Constant */
+.codehilite .nd { color: #d2a8ff; font-weight: bold } /* Name.Decorator */
+.codehilite .ni { color: #ffa657 } /* Name.Entity */
+.codehilite .ne { color: #f0883e; font-weight: bold } /* Name.Exception */
+.codehilite .nf { color: #d2a8ff; font-weight: bold } /* Name.Function */
+.codehilite .nl { color: #79c0ff; font-weight: bold } /* Name.Label */
+.codehilite .nn { color: #ff7b72 } /* Name.Namespace */
+.codehilite .nx { color: #c9d1d9 } /* Name.Other */
+.codehilite .py { color: #79c0ff } /* Name.Property */
+.codehilite .nt { color: #7ee787 } /* Name.Tag */
+.codehilite .nv { color: #79c0ff } /* Name.Variable */
+.codehilite .ow { color: #ff7b72; font-weight: bold } /* Operator.Word */
+.codehilite .pm { color: #c9d1d9 } /* Punctuation.Marker */
+.codehilite .w { color: #6e7681 } /* Text.Whitespace */
+.codehilite .mb { color: #a5d6ff } /* Literal.Number.Bin */
+.codehilite .mf { color: #a5d6ff } /* Literal.Number.Float */
+.codehilite .mh { color: #a5d6ff } /* Literal.Number.Hex */
+.codehilite .mi { color: #a5d6ff } /* Literal.Number.Integer */
+.codehilite .mo { color: #a5d6ff } /* Literal.Number.Oct */
+.codehilite .sa { color: #79c0ff } /* Literal.String.Affix */
+.codehilite .sb { color: #a5d6ff } /* Literal.String.Backtick */
+.codehilite .sc { color: #a5d6ff } /* Literal.String.Char */
+.codehilite .dl { color: #79c0ff } /* Literal.String.Delimiter */
+.codehilite .sd { color: #a5d6ff } /* Literal.String.Doc */
+.codehilite .s2 { color: #a5d6ff } /* Literal.String.Double */
+.codehilite .se { color: #79c0ff } /* Literal.String.Escape */
+.codehilite .sh { color: #79c0ff } /* Literal.String.Heredoc */
+.codehilite .si { color: #a5d6ff } /* Literal.String.Interpol */
+.codehilite .sx { color: #a5d6ff } /* Literal.String.Other */
+.codehilite .sr { color: #79c0ff } /* Literal.String.Regex */
+.codehilite .s1 { color: #a5d6ff } /* Literal.String.Single */
+.codehilite .ss { color: #a5d6ff } /* Literal.String.Symbol */
+.codehilite .bp { color: #c9d1d9 } /* Name.Builtin.Pseudo */
+.codehilite .fm { color: #d2a8ff; font-weight: bold } /* Name.Function.Magic */
+.codehilite .vc { color: #79c0ff } /* Name.Variable.Class */
+.codehilite .vg { color: #79c0ff } /* Name.Variable.Global */
+.codehilite .vi { color: #79c0ff } /* Name.Variable.Instance */
+.codehilite .vm { color: #79c0ff } /* Name.Variable.Magic */
+.codehilite .il { color: #a5d6ff } /* Literal.Number.Integer.Long */
+
+.dark .codehilite .hll { background-color: #2C3B41 }
+.dark .codehilite .c { color: #79d618; font-style: italic } /* Comment */
+.dark .codehilite .err { color: #FF5370 } /* Error */
+.dark .codehilite .esc { color: #89DDFF } /* Escape */
+.dark .codehilite .g { color: #EEFFFF } /* Generic */
+.dark .codehilite .k { color: #BB80B3 } /* Keyword */
+.dark .codehilite .l { color: #C3E88D } /* Literal */
+.dark .codehilite .n { color: #EEFFFF } /* Name */
+.dark .codehilite .o { color: #89DDFF } /* Operator */
+.dark .codehilite .p { color: #89DDFF } /* Punctuation */
+.dark .codehilite .ch { color: #79d618; font-style: italic } /* Comment.Hashbang */
+.dark .codehilite .cm { color: #79d618; font-style: italic } /* Comment.Multiline */
+.dark .codehilite .cp { color: #79d618; font-style: italic } /* Comment.Preproc */
+.dark .codehilite .cpf { color: #79d618; font-style: italic } /* Comment.PreprocFile */
+.dark .codehilite .c1 { color: #79d618; font-style: italic } /* Comment.Single */
+.dark .codehilite .cs { color: #79d618; font-style: italic } /* Comment.Special */
+.dark .codehilite .gd { color: #FF5370 } /* Generic.Deleted */
+.dark .codehilite .ge { color: #89DDFF } /* Generic.Emph */
+.dark .codehilite .gr { color: #FF5370 } /* Generic.Error */
+.dark .codehilite .gh { color: #C3E88D } /* Generic.Heading */
+.dark .codehilite .gi { color: #C3E88D } /* Generic.Inserted */
+.dark .codehilite .go { color: #79d618 } /* Generic.Output */
+.dark .codehilite .gp { color: #FFCB6B } /* Generic.Prompt */
+.dark .codehilite .gs { color: #FF5370 } /* Generic.Strong */
+.dark .codehilite .gu { color: #89DDFF } /* Generic.Subheading */
+.dark .codehilite .gt { color: #FF5370 } /* Generic.Traceback */
+.dark .codehilite .kc { color: #89DDFF } /* Keyword.Constant */
+.dark .codehilite .kd { color: #BB80B3 } /* Keyword.Declaration */
+.dark .codehilite .kn { color: #89DDFF; font-style: italic } /* Keyword.Namespace */
+.dark .codehilite .kp { color: #89DDFF } /* Keyword.Pseudo */
+.dark .codehilite .kr { color: #BB80B3 } /* Keyword.Reserved */
+.dark .codehilite .kt { color: #BB80B3 } /* Keyword.Type */
+.dark .codehilite .ld { color: #C3E88D } /* Literal.Date */
+.dark .codehilite .m { color: #F78C6C } /* Literal.Number */
+.dark .codehilite .s { color: #C3E88D } /* Literal.String */
+.dark .codehilite .na { color: #BB80B3 } /* Name.Attribute */
+.dark .codehilite .nb { color: #82AAFF } /* Name.Builtin */
+.dark .codehilite .nc { color: #FFCB6B } /* Name.Class */
+.dark .codehilite .no { color: #EEFFFF } /* Name.Constant */
+.dark .codehilite .nd { color: #82AAFF } /* Name.Decorator */
+.dark .codehilite .ni { color: #89DDFF } /* Name.Entity */
+.dark .codehilite .ne { color: #FFCB6B } /* Name.Exception */
+.dark .codehilite .nf { color: #82AAFF } /* Name.Function */
+.dark .codehilite .nl { color: #82AAFF } /* Name.Label */
+.dark .codehilite .nn { color: #FFCB6B } /* Name.Namespace */
+.dark .codehilite .nx { color: #EEFFFF } /* Name.Other */
+.dark .codehilite .py { color: #FFCB6B } /* Name.Property */
+.dark .codehilite .nt { color: #FF5370 } /* Name.Tag */
+.dark .codehilite .nv { color: #89DDFF } /* Name.Variable */
+.dark .codehilite .ow { color: #89DDFF; font-style: italic } /* Operator.Word */
+.dark .codehilite .pm { color: #89DDFF } /* Punctuation.Marker */
+.dark .codehilite .w { color: #EEFFFF } /* Text.Whitespace */
+.dark .codehilite .mb { color: #F78C6C } /* Literal.Number.Bin */
+.dark .codehilite .mf { color: #F78C6C } /* Literal.Number.Float */
+.dark .codehilite .mh { color: #F78C6C } /* Literal.Number.Hex */
+.dark .codehilite .mi { color: #F78C6C } /* Literal.Number.Integer */
+.dark .codehilite .mo { color: #F78C6C } /* Literal.Number.Oct */
+.dark .codehilite .sa { color: #BB80B3 } /* Literal.String.Affix */
+.dark .codehilite .sb { color: #C3E88D } /* Literal.String.Backtick */
+.dark .codehilite .sc { color: #C3E88D } /* Literal.String.Char */
+.dark .codehilite .dl { color: #EEFFFF } /* Literal.String.Delimiter */
+.dark .codehilite .sd { color: #79d618; font-style: italic } /* Literal.String.Doc */
+.dark .codehilite .s2 { color: #C3E88D } /* Literal.String.Double */
+.dark .codehilite .se { color: #EEFFFF } /* Literal.String.Escape */
+.dark .codehilite .sh { color: #C3E88D } /* Literal.String.Heredoc */
+.dark .codehilite .si { color: #89DDFF } /* Literal.String.Interpol */
+.dark .codehilite .sx { color: #C3E88D } /* Literal.String.Other */
+.dark .codehilite .sr { color: #89DDFF } /* Literal.String.Regex */
+.dark .codehilite .s1 { color: #C3E88D } /* Literal.String.Single */
+.dark .codehilite .ss { color: #89DDFF } /* Literal.String.Symbol */
+.dark .codehilite .bp { color: #89DDFF } /* Name.Builtin.Pseudo */
+.dark .codehilite .fm { color: #82AAFF } /* Name.Function.Magic */
+.dark .codehilite .vc { color: #89DDFF } /* Name.Variable.Class */
+.dark .codehilite .vg { color: #89DDFF } /* Name.Variable.Global */
+.dark .codehilite .vi { color: #89DDFF } /* Name.Variable.Instance */
+.dark .codehilite .vm { color: #82AAFF } /* Name.Variable.Magic */
+.dark .codehilite .il { color: #F78C6C } /* Literal.Number.Integer.Long */
diff --git a/theme/green.py b/theme/green.py
new file mode 100644
index 0000000..4f710f1
--- /dev/null
+++ b/theme/green.py
@@ -0,0 +1,103 @@
+import gradio as gr
+from toolbox import get_conf
+CODE_HIGHLIGHT, ADD_WAIFU = get_conf('CODE_HIGHLIGHT', 'ADD_WAIFU')
+
+def adjust_theme():
+ try:
+ set_theme = gr.themes.Soft(
+ primary_hue=gr.themes.Color(
+ c50="#EBFAF2",
+ c100="#CFF3E1",
+ c200="#A8EAC8",
+ c300="#77DEA9",
+ c400="#3FD086",
+ c500="#02C160",
+ c600="#06AE56",
+ c700="#05974E",
+ c800="#057F45",
+ c900="#04673D",
+ c950="#2E5541",
+ name="small_and_beautiful",
+ ),
+ 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="#f6f7f8",
+ # c100="#f3f4f6",
+ c100="#F2F2F2",
+ c200="#e5e7eb",
+ c300="#d1d5db",
+ c400="#B2B2B2",
+ c500="#808080",
+ c600="#636363",
+ c700="#515151",
+ c800="#393939",
+ # c900="#272727",
+ c900="#2B2B2B",
+ c950="#171717",
+ ),
+
+ radius_size=gr.themes.sizes.radius_sm,
+ ).set(
+ button_primary_background_fill="*primary_500",
+ button_primary_background_fill_dark="*primary_600",
+ button_primary_background_fill_hover="*primary_400",
+ button_primary_border_color="*primary_500",
+ button_primary_border_color_dark="*primary_600",
+ button_primary_text_color="wihte",
+ button_primary_text_color_dark="white",
+ button_secondary_background_fill="*neutral_100",
+ button_secondary_background_fill_hover="*neutral_50",
+ button_secondary_background_fill_dark="*neutral_900",
+ button_secondary_text_color="*neutral_800",
+ button_secondary_text_color_dark="white",
+ background_fill_primary="#F7F7F7",
+ background_fill_primary_dark="#1F1F1F",
+ block_title_text_color="*primary_500",
+ block_title_background_fill_dark="*primary_900",
+ block_label_background_fill_dark="*primary_900",
+ input_background_fill="#F6F6F6",
+ chatbot_code_background_color="*neutral_950",
+ chatbot_code_background_color_dark="*neutral_950",
+ )
+ js = ''
+ # if ADD_CHUANHU:
+ # with open("./docs/assets/custom.js", "r", encoding="utf-8") as f, \
+ # open("./docs/assets/external-scripts.js", "r", encoding="utf-8") as f1:
+ # customJS = f.read()
+ # externalScripts = f1.read()
+ # js += f''
+ # 添加一个萌萌的看板娘
+ if ADD_WAIFU:
+ js += """
+
+
+
+ """
+ gradio_original_template_fn = gr.routes.templates.TemplateResponse
+ def gradio_new_template_fn(*args, **kwargs):
+ res = gradio_original_template_fn(*args, **kwargs)
+ res.body = res.body.replace(b'