diff --git a/web/themes/dark.css b/web/themes/dark.css
index 9b9d467b0..cd1a016f7 100644
--- a/web/themes/dark.css
+++ b/web/themes/dark.css
@@ -417,6 +417,7 @@ html[data-theme="dark"] {
   --color-background-overlay-destructive: rgb(240 68 56 / 0.3);
   --color-background-overlay-backdrop: rgb(24 24 27 / 0.95);
   --color-background-body-transparent: rgb(29 29 32 / 0);
+  --color-background-section-burn-inverted: #27272b;
 
   --color-shadow-shadow-1: rgb(0 0 0 / 0.05);
   --color-shadow-shadow-3: rgb(0 0 0 / 0.1);
@@ -761,4 +762,4 @@ html[data-theme="dark"] {
   --color-dify-logo-dify-logo-blue: #e8e8e8;
   --color-dify-logo-dify-logo-black: #e8e8e8;
 
-}
+}
\ No newline at end of file
diff --git a/web/themes/light.css b/web/themes/light.css
index 0a37dd295..93b76cbfe 100644
--- a/web/themes/light.css
+++ b/web/themes/light.css
@@ -417,6 +417,7 @@ html[data-theme="light"] {
   --color-background-overlay-destructive: rgb(240 68 56 / 0.3);
   --color-background-overlay-backdrop: rgb(242 244 247 / 0.95);
   --color-background-body-transparent: rgb(242 244 247 / 0);
+  --color-background-section-burn-inverted: #f2f4f7;
 
   --color-shadow-shadow-1: rgb(9 9 11 / 0.03);
   --color-shadow-shadow-3: rgb(9 9 11 / 0.05);
@@ -761,4 +762,4 @@ html[data-theme="light"] {
   --color-dify-logo-dify-logo-blue: #0033ff;
   --color-dify-logo-dify-logo-black: #000000;
 
-}
+}
\ No newline at end of file
diff --git a/web/themes/tailwind-theme-var-define.ts b/web/themes/tailwind-theme-var-define.ts
index b7b999426..23d65b4ba 100644
--- a/web/themes/tailwind-theme-var-define.ts
+++ b/web/themes/tailwind-theme-var-define.ts
@@ -417,6 +417,7 @@ const vars = {
   'background-overlay-destructive': 'var(--color-background-overlay-destructive)',
   'background-overlay-backdrop': 'var(--color-background-overlay-backdrop)',
   'background-body-transparent': 'var(--color-background-body-transparent)',
+  'background-section-burn-inverted': 'var(--color-background-section-burn-inverted)',
 
   'shadow-shadow-1': 'var(--color-shadow-shadow-1)',
   'shadow-shadow-3': 'var(--color-shadow-shadow-3)',