diff --git a/src/config.json b/src/config.json
index aecc1d3947..d9858cb33b 100644
--- a/src/config.json
+++ b/src/config.json
@@ -389,7 +389,8 @@
           "show": true,
           "taro": true,
           "author": "Alex.hxy",
-          "v15": true
+          "v15": true,
+          "dd": true
         },
         {
           "version": "3.0.0",
@@ -401,7 +402,8 @@
           "show": false,
           "taro": true,
           "author": "Alex.hxy",
-          "v15": true
+          "v15": true,
+          "dd": true
         },
         {
           "version": "2.0.0",
diff --git a/src/packages/configprovider/demos/h5/demo2.tsx b/src/packages/configprovider/demos/h5/demo2.tsx
index 46121e1252..2b3fe3cddf 100644
--- a/src/packages/configprovider/demos/h5/demo2.tsx
+++ b/src/packages/configprovider/demos/h5/demo2.tsx
@@ -3,7 +3,7 @@ import { ConfigProvider, Cell, Rate, Button } from '@nutui/nutui-react'
 
 const Demo2 = () => {
   const darkTheme = {
-    nutuiColorPrimary: 'green',
+    nutuiColorPrimaryIcon: 'green',
     nutuiColorPrimaryStop1: 'green',
     nutuiColorPrimaryStop2: 'green',
   }
diff --git a/src/packages/configprovider/demos/taro/demo2.tsx b/src/packages/configprovider/demos/taro/demo2.tsx
index 291c97ff97..3bb61f41f5 100644
--- a/src/packages/configprovider/demos/taro/demo2.tsx
+++ b/src/packages/configprovider/demos/taro/demo2.tsx
@@ -3,7 +3,7 @@ import { ConfigProvider, Cell, Button, Rate } from '@nutui/nutui-react-taro'
 
 const Demo2 = () => {
   const darkTheme = {
-    nutuiColorPrimary: 'green',
+    nutuiColorPrimaryIcon: 'green',
     nutuiColorPrimaryStop1: 'green',
     nutuiColorPrimaryStop2: 'green',
   }
diff --git a/src/packages/overlay/demos/h5/demo5.tsx b/src/packages/overlay/demos/h5/demo5.tsx
index d4dbf90084..5ca3638e61 100644
--- a/src/packages/overlay/demos/h5/demo5.tsx
+++ b/src/packages/overlay/demos/h5/demo5.tsx
@@ -17,7 +17,6 @@ const Demo5 = () => {
     borderRadius: '8px',
     alignItems: 'center',
     justifyContent: 'center',
-    color: 'red',
   }
   const handleToggleShow = () => {
     setVisible(true)
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index d9a42a24ae..4ec3112d61 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -12,9 +12,15 @@ $color-primary-gradient-1: linear-gradient(
   $color-primary-stop-1 0%,
   $color-primary-stop-2 100%
 ) !default;
-$color-primary-icon: var(--nutui-red-6) !default;
-$color-primary-icon-disabled: var(--nutui-gray-8) !default;
-$color-primary-specialdisabled: var(--nutui-red-3) !default;
+$color-primary-icon: var(--nutui-color-primary-icon, #ff3333) !default;
+$color-primary-icon-disabled: var(
+  --nutui-color-primary-icon-disabled,
+  #dadce0
+) !default;
+$color-primary-specialdisabled: var(
+  --nutui-color-primary-specialdisabled,
+  #ffadbe
+) !default;
 
 // 默认色
 $color-default: var(--nutui-color-default) !default;