From 3579bbd1c47225c825209ac21bf97948877ac768 Mon Sep 17 00:00:00 2001
From: Wu Tianwei <30284043+WTW0313@users.noreply.github.com>
Date: Fri, 22 Nov 2024 10:55:42 +0800
Subject: [PATCH] refactor: Split linear-gradient and color (#10961)

---
 web/app/styles/globals.css  | 2 ++
 web/themes/dark.css         | 3 ---
 web/themes/light.css        | 3 ---
 web/themes/manual-dark.css  | 5 +++++
 web/themes/manual-light.css | 5 +++++
 5 files changed, 12 insertions(+), 6 deletions(-)
 create mode 100644 web/themes/manual-dark.css
 create mode 100644 web/themes/manual-light.css

diff --git a/web/app/styles/globals.css b/web/app/styles/globals.css
index f0a8e466d6..18bf39345d 100644
--- a/web/app/styles/globals.css
+++ b/web/app/styles/globals.css
@@ -4,6 +4,8 @@
 
 @import '../../themes/light.css';
 @import '../../themes/dark.css';
+@import "../../themes/manual-light.css";
+@import "../../themes/manual-dark.css";
 
 html[data-changing-theme] * {
   transition: none !important;
diff --git a/web/themes/dark.css b/web/themes/dark.css
index 3440a1a7a8..056b67f1da 100644
--- a/web/themes/dark.css
+++ b/web/themes/dark.css
@@ -599,8 +599,5 @@ html[data-theme="dark"] {
   --color-third-party-LangChain: #FFFFFF;
   --color-third-party-Langfuse: #FFFFFF;
 
-  --color-chatbot-bg: linear-gradient(180deg, rgba(34, 34, 37, 0.90) 0%, rgba(29, 29, 32, 0.90) 90.48%);
-  --color-chat-bubble-bg: linear-gradient(180deg, rgba(200, 206, 218, 0.08) 0%, rgba(200, 206, 218, 0.02) 100%);
   --color-third-party-Github: #FFFFFF;
-  --color-workflow-process-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%);
 }
\ No newline at end of file
diff --git a/web/themes/light.css b/web/themes/light.css
index 717226e462..60469a39ba 100644
--- a/web/themes/light.css
+++ b/web/themes/light.css
@@ -599,8 +599,5 @@ html[data-theme="light"] {
   --color-third-party-LangChain: #1C3C3C;
   --color-third-party-Langfuse: #000000;
 
-  --color-chatbot-bg: linear-gradient(180deg, rgba(249, 250, 251, 0.90) 0%, rgba(242, 244, 247, 0.90) 90.48%);
-  --color-chat-bubble-bg: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 100%);
   --color-third-party-Github: #1B1F24;
-  --color-workflow-process-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%);
 }
\ No newline at end of file
diff --git a/web/themes/manual-dark.css b/web/themes/manual-dark.css
new file mode 100644
index 0000000000..047554f4b4
--- /dev/null
+++ b/web/themes/manual-dark.css
@@ -0,0 +1,5 @@
+html[data-theme="dark"] {
+  --color-chatbot-bg: linear-gradient(180deg, rgba(34, 34, 37, 0.90) 0%, rgba(29, 29, 32, 0.90) 90.48%);
+  --color-chat-bubble-bg: linear-gradient(180deg, rgba(200, 206, 218, 0.08) 0%, rgba(200, 206, 218, 0.02) 100%);
+  --color-workflow-process-bg: linear-gradient(90deg, rgba(24, 24, 27, 0.25) 0%, rgba(24, 24, 27, 0.04) 100%);
+}
\ No newline at end of file
diff --git a/web/themes/manual-light.css b/web/themes/manual-light.css
new file mode 100644
index 0000000000..09b9338184
--- /dev/null
+++ b/web/themes/manual-light.css
@@ -0,0 +1,5 @@
+html[data-theme="light"] {
+  --color-chatbot-bg: linear-gradient(180deg, rgba(249, 250, 251, 0.90) 0%, rgba(242, 244, 247, 0.90) 90.48%);
+  --color-chat-bubble-bg: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 100%);
+  --color-workflow-process-bg: linear-gradient(90deg, rgba(200, 206, 218, 0.20) 0%, rgba(200, 206, 218, 0.04) 100%);
+}
\ No newline at end of file