diff --git a/dolphinscheduler-ui-next/src/themes/modules/dark.ts b/dolphinscheduler-ui-next/src/themes/modules/dark.ts
index bf0ad510cd..39b0348900 100644
--- a/dolphinscheduler-ui-next/src/themes/modules/dark.ts
+++ b/dolphinscheduler-ui-next/src/themes/modules/dark.ts
@@ -17,7 +17,19 @@
 
 const dark = {
   common: {
-    // bodyColor: '#28292d',
+    bodyColor: '#141414',
+
+    /**************** Brand color */
+    primaryColor: '#177ddc',
+    primaryColorHover: '#1765ad',
+    primaryColorPressed: '#3c9ae8',
+    primaryColorSuppl: '#177ddc',
+
+    /**************** Function of color */
+    infoColor: '#177ddc',
+    successColor: '#49aa19',
+    warningColor: '#d89614',
+    errorColor: '#a61d24'
   }
 }
 
diff --git a/dolphinscheduler-ui-next/src/themes/modules/light.ts b/dolphinscheduler-ui-next/src/themes/modules/light.ts
index d9b8834b64..11bd6cb067 100644
--- a/dolphinscheduler-ui-next/src/themes/modules/light.ts
+++ b/dolphinscheduler-ui-next/src/themes/modules/light.ts
@@ -16,7 +16,19 @@
  */
 const light = {
   common: {
-    bodyColor: '#f8f8fc'
+    bodyColor: '#f8f8fc',
+
+    /**************** Brand color */
+    primaryColor: '#1890ff',
+    primaryColorHover: '#40a9ff',
+    primaryColorPressed: '#096dd9',
+    primaryColorSuppl: '#1890ff',
+
+    /**************** Function of color */
+    infoColor: '#1890ff',
+    successColor: '#52c41a',
+    warningColor: '#faad14',
+    errorColor: '#ff4d4f'
   }
 }