diff --git a/web/app/styles/globals.css b/web/app/styles/globals.css
index f0a8e466d6d04c..18bf39345d91bd 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 3440a1a7a88e26..056b67f1dabf7b 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 717226e4621f98..60469a39baf134 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 00000000000000..047554f4b41bab
--- /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 00000000000000..09b93381845d7c
--- /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