diff --git a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-custom-cell-builder.ts b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-custom-cell-builder.ts
index 7ff2e0c53d..d6705d20c6 100644
--- a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-custom-cell-builder.ts
+++ b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-custom-cell-builder.ts
@@ -103,7 +103,7 @@ export function useCustomCellBuilder() {
           text: truncation
         },
         rect: {
-          fill: flag === 'NO' ? '#f3f3f5' : '#ffffff'
+          fill: flag === 'NO' ? 'var(--custom-disable-bg)' : '#ffffff'
         }
       }
     }
diff --git a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-task-edit.ts b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-task-edit.ts
index 69fc85cb19..79d4eacb6a 100644
--- a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-task-edit.ts
+++ b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-task-edit.ts
@@ -170,7 +170,7 @@ export function useTaskEdit(options: Options) {
           setNodeName(task.code + '', taskDef.name)
           let fillColor = '#ffffff'
           if (task.flag === 'YES') {
-            fillColor = '#f3f3f5'
+            fillColor = 'var(--custom-disable-bg)'
           }
           setNodeFillColor(task.code + '', fillColor)
 
diff --git a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/x6-style.scss b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/x6-style.scss
index 740bbefb04..ac30449ee2 100644
--- a/dolphinscheduler-ui/src/views/projects/workflow/components/dag/x6-style.scss
+++ b/dolphinscheduler-ui/src/views/projects/workflow/components/dag/x6-style.scss
@@ -32,3 +32,11 @@ $BG_WHITE: #ffffff;
     }
   }
 }
+
+[class*="dag-light"] {
+  --custom-disable-bg: #f3f3f5
+}
+
+[class*="dag-dark"] {
+  --custom-disable-bg: #d3d3d3
+}
\ No newline at end of file