diff --git a/src/utils/colors.js b/src/utils/colors.js
index b69d151..3951cbf 100644
--- a/src/utils/colors.js
+++ b/src/utils/colors.js
@@ -23,9 +23,9 @@ function getFunctionalColors(mode) {
   const warningColors = generate(warning, options)
   const errorColors = generate(error, options)
   return {
-    success: [...successColors.slice(0, 3), successColors[5]],
-    warning: [...warningColors.slice(0, 3), warningColors[5]],
-    error: [...errorColors.slice(0, 3), errorColors[5]]
+    success: successColors,
+    warning: warningColors,
+    error: errorColors
   }
 }
 
diff --git a/src/utils/themeUtil.js b/src/utils/themeUtil.js
index 76d0115..2ef0d8c 100644
--- a/src/utils/themeUtil.js
+++ b/src/utils/themeUtil.js
@@ -43,9 +43,9 @@ module.exports = {
       'primary-9': palettes[8],
       'primary-10': palettes[9],
       'info-color': primary,
-      'success-color': success[3],
-      'warning-color': warning[3],
-      'error-color': error[3],
+      'success-color': success[5],
+      'warning-color': warning[5],
+      'error-color': error[5],
       'alert-info-bg-color': palettes[0],
       'alert-info-border-color': palettes[2],
       'alert-success-bg-color': success[0],
@@ -58,6 +58,8 @@ module.exports = {
       'menu-dark-submenu-bg': menuColors[0],
       'layout-header-background': menuColors[1],
       'layout-trigger-background': menuColors[2],
+      'btn-danger-bg': error[4],
+      'btn-danger-border': error[4],
       ...ANTD.theme[theme.mode]
     }
   }