diff --git a/src/components/setting/Setting.vue b/src/components/setting/Setting.vue
index 4d64b14..692aa83 100644
--- a/src/components/setting/Setting.vue
+++ b/src/components/setting/Setting.vue
@@ -12,6 +12,7 @@
         <img-checkbox :title="$t('theme.dark')" img="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" value="dark"/>
         <img-checkbox :title="$t('theme.light')" img="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" value="light"/>
         <img-checkbox :title="$t('theme.night')" img="https://gw.alipayobjects.com/zos/antfincdn/hmKaLQvmY2/LCkqqYNmvBEbokSDscrm.svg" value="night"/>
+        <img-checkbox :title="$t('theme.blue')" img="https://gw.alipayobjects.com/zos/antfincdn/hmKaLQvmY2/LCkqqYNmvBEbokSDscrm.svg" value="blue"/>
       </img-checkbox-group>
     </setting-item>
     <setting-item :title="$t('theme.color')">
diff --git a/src/config/default/antd.config.js b/src/config/default/antd.config.js
index bc79e63..8624ab9 100644
--- a/src/config/default/antd.config.js
+++ b/src/config/default/antd.config.js
@@ -13,9 +13,34 @@ const ANTD = {
     },
     night: {
       menuColors: ['#151515', '#1f1f1f', '#1e1e1e'],
+    },
+    blue: {
+      menuColors: ['#1e3a8a'/*二级菜单背景*/, '#1e40af'/*菜单/顶部背景*/, '#1d4ed8'/*logo 背景*/]
     }
   },
   theme: {
+    blue: {
+      'layout-body-background': '#f0f2f5',
+      'body-background': '#fff',
+      'component-background': '#fff',
+      'heading-color': 'rgba(0, 0, 0, 0.85)',
+      'text-color': 'rgba(0, 0, 0, 0.65)',
+      'text-color-inverse': '#fff',
+      'text-color-secondary': 'rgba(0, 0, 0, 0.45)',
+      'shadow-color': 'rgba(0, 0, 0, 0.15)',
+      'border-color-split': '#f0f0f0',
+      'border-color-base': '#d9d9d9',
+      'background-color-light': '#fafafa',
+      'background-color-base': '#f5f5f5',
+      'table-selected-row-bg': '#fafafa',
+      'table-expanded-row-bg': '#fbfbfb',
+      'checkbox-check-color': '#fff',
+      'disabled-color': 'rgba(0, 0, 0, 0.25)',
+      'menu-dark-color': 'rgba(254, 254, 254, 0.65)',
+      'menu-dark-highlight-color': '#fefefe',
+      'menu-dark-arrow-color': '#fefefe',
+      'btn-primary-color': '#fff',
+    },
     dark: {
       'layout-body-background': '#f0f2f5',
       'body-background': '#fff',
diff --git a/src/layouts/header/index.less b/src/layouts/header/index.less
index f066980..bd10d27 100644
--- a/src/layouts/header/index.less
+++ b/src/layouts/header/index.less
@@ -10,7 +10,7 @@
     vertical-align: middle;
     box-shadow: none;
   }
-  &.dark{
+  &.dark, &.blue{
     background: @header-bg-color-dark;
     color: white;
   }
diff --git a/src/utils/colors.js b/src/utils/colors.js
index 3951cbf..c7fbdc6 100644
--- a/src/utils/colors.js
+++ b/src/utils/colors.js
@@ -33,10 +33,8 @@ function getFunctionalColors(mode) {
 function getMenuColors(color, mode) {
   if (mode == themeMode.NIGHT) {
     return ANTD.primary.night.menuColors
-  } else if (color == ANTD.primary.color) {
-    return ANTD.primary.dark.menuColors
   } else {
-    return [varyColor.darken(color, 0.93), varyColor.darken(color, 0.83), varyColor.darken(color, 0.73)]
+    return ANTD.primary[mode].menuColors ?? [varyColor.darken(color, 0.93), varyColor.darken(color, 0.83), varyColor.darken(color, 0.73)]
   }
 }