diff --git a/docs/caseShow/demos/pipeline/taskPipeline/index.tsx b/docs/caseShow/demos/pipeline/taskPipeline/index.tsx
index 217809c..fc307f0 100644
--- a/docs/caseShow/demos/pipeline/taskPipeline/index.tsx
+++ b/docs/caseShow/demos/pipeline/taskPipeline/index.tsx
@@ -6,10 +6,10 @@ import { Background, FlowView, applyEdgeChanges, applyNodeChanges } from '@ant-d
 import { useCallback, useState } from 'react';
 import { edges, nodes } from './data';
 import StageNode from './nodes/stageNode';
-import taskNode from './nodes/taskNode';
+import TaskNode from './nodes/taskNode';
 import useStyles from './styled';
 
-const nodeTypes = { taskNode, StageNode };
+const nodeTypes = { TaskNode, StageNode };
 
 function App() {
   const { styles } = useStyles();
diff --git a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx
index c929160..3a78f93 100644
--- a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx
+++ b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskContent.tsx
@@ -1,4 +1,3 @@
-import { green, red } from '@ant-design/colors';
 import { CheckCircleFilled, ClockCircleFilled, CloseCircleFilled } from '@ant-design/icons';
 import useStyles from './styled';
 
@@ -8,7 +7,7 @@ export const TaskContent = () => {
   return (
     <ul className={styles.taskContent}>
       <li>
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div>
           <span>七尼尼 已完成</span>
           <span>43s</span>
@@ -16,7 +15,7 @@ export const TaskContent = () => {
       </li>
       <li />
       <li>
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div>
           <span>lydon 已完成</span>
           <span>43s</span>
@@ -24,7 +23,7 @@ export const TaskContent = () => {
       </li>
       <li />
       <li>
-        <CloseCircleFilled style={{ color: red[5], fontSize: 14 }} />
+        <CloseCircleFilled style={{ color: '#ff4000', fontSize: 14 }} />
         <div>
           <span>青霓 审批不通过</span>
           <span>43s</span>
diff --git a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx
index 476106d..012d519 100644
--- a/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx
+++ b/docs/caseShow/demos/pipeline/taskPipeline/nodes/taskNode.tsx
@@ -1,4 +1,3 @@
-import { green } from '@ant-design/colors';
 import { CheckCircleFilled } from '@ant-design/icons';
 import { Handle, Position } from '@ant-design/pro-flow';
 import { useState } from 'react';
@@ -35,7 +34,7 @@ const TaskNode = (props: { data: TaskNodeC }) => {
         className={styles.taskNode}
         style={{ justifyContent: `${data.children ? 'space-between' : 'flex-start'}` }}
       >
-        <CheckCircleFilled style={{ color: green[5], fontSize: 14 }} />
+        <CheckCircleFilled style={{ color: '#008000', fontSize: 14 }} />
         <div className="title">{data.title}</div>
         {data.children && (
           <div
diff --git a/package.json b/package.json
index ee9f576..a9fa27f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/pro-flow",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "A React based Flow components",
   "keywords": [
     "flow",