diff --git a/packages/dify-ui/src/themes/dark.css b/packages/dify-ui/src/themes/dark.css
index e2d0e341e30..4a710d07619 100644
--- a/packages/dify-ui/src/themes/dark.css
+++ b/packages/dify-ui/src/themes/dark.css
@@ -565,6 +565,11 @@ html[data-theme='dark'] {
   --color-components-chart-area-1: rgb(8 90 252 / 0.2);
   --color-components-chart-area-2: rgb(8 90 252 / 0.04);
 
+  --color-components-brand-mark-ink: #ffffff;
+  --color-components-brand-mark-ink-deep: #ffffff;
+  --color-components-brand-mark-ink-muted: #cdd5df;
+  --color-components-brand-mark-ink-muted-deep: #cdd5df;
+
   --color-divider-subtle: rgb(200 206 218 / 0.08);
   --color-divider-regular: rgb(200 206 218 / 0.14);
   --color-divider-deep: rgb(200 206 218 / 0.2);
diff --git a/packages/dify-ui/src/themes/light.css b/packages/dify-ui/src/themes/light.css
index e99de9cff71..6fd6a402911 100644
--- a/packages/dify-ui/src/themes/light.css
+++ b/packages/dify-ui/src/themes/light.css
@@ -565,6 +565,11 @@ html[data-theme='light'] {
   --color-components-chart-area-1: rgb(0 51 255 / 0.14);
   --color-components-chart-area-2: rgb(0 51 255 / 0.04);
 
+  --color-components-brand-mark-ink: #0033ff;
+  --color-components-brand-mark-ink-deep: #0330e5;
+  --color-components-brand-mark-ink-muted: #848793;
+  --color-components-brand-mark-ink-muted-deep: #62646c;
+
   --color-divider-subtle: rgb(16 24 40 / 0.04);
   --color-divider-regular: rgb(16 24 40 / 0.08);
   --color-divider-deep: rgb(16 24 40 / 0.14);
diff --git a/packages/dify-ui/src/themes/theme.css b/packages/dify-ui/src/themes/theme.css
index 7ff75229c6a..ec0bf2f67d0 100644
--- a/packages/dify-ui/src/themes/theme.css
+++ b/packages/dify-ui/src/themes/theme.css
@@ -892,6 +892,11 @@
   --color-components-chart-area-1: var(--color-components-chart-area-1);
   --color-components-chart-area-2: var(--color-components-chart-area-2);
 
+  --color-components-brand-mark-ink: var(--color-components-brand-mark-ink);
+  --color-components-brand-mark-ink-deep: var(--color-components-brand-mark-ink-deep);
+  --color-components-brand-mark-ink-muted: var(--color-components-brand-mark-ink-muted);
+  --color-components-brand-mark-ink-muted-deep: var(--color-components-brand-mark-ink-muted-deep);
+
   --color-divider-subtle: var(--color-divider-subtle);
   --color-divider-regular: var(--color-divider-regular);
   --color-divider-deep: var(--color-divider-deep);