diff --git a/src/layout/components/Header/ProjectSetting.vue b/src/layout/components/Header/ProjectSetting.vue
index ca2133f..5aa360c 100644
--- a/src/layout/components/Header/ProjectSetting.vue
+++ b/src/layout/components/Header/ProjectSetting.vue
@@ -309,7 +309,7 @@
   const settingStore = useProjectSettingStore();
   const designStore = useDesignSettingStore();
 
-  const themeColor = ref('#409eff');
+  const themeColor = ref('#165DFF');
   const isDrawer = ref(false);
   const alertText = ref(
     '该功能主要实时预览各种布局效果，更多完整配置在 /src/settings 中设置，自由搭配，随心所欲，极大程度满足您的个性化需求。',
@@ -369,6 +369,7 @@
   }
 
   defineExpose({
+    themeColorChange,
     openDrawer,
     closeDrawer,
   });
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 003ab11..1f78b8b 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -224,6 +224,8 @@
   };
 
   onMounted(() => {
+    const { themeColorChange } = drawerSetting.value;
+    themeColorChange('#165DFF');
     window.addEventListener('resize', watchWidth);
   });
 </script>
@@ -419,7 +421,7 @@
       .el-menu {
         --el-menu-bg-color: #fff;
         --el-menu-text-color: rgb(51, 54, 57);
-        --el-menu-hover-bg-color: #2d8cf0;
+        --el-menu-hover-bg-color: #165DFF;
         --el-menu-hover-text-color: #fff;
       }
     }
diff --git a/src/settings/designSetting.ts b/src/settings/designSetting.ts
index b633cb5..9deb167 100644
--- a/src/settings/designSetting.ts
+++ b/src/settings/designSetting.ts
@@ -1,6 +1,6 @@
 // app theme preset color
 export const appThemeList: string[] = [
-  '#2d8cf0',
+  '#165DFF',
   '#0960bd',
   '#0084f4',
   '#009688',
@@ -26,7 +26,7 @@ const setting = {
   //深色主题
   darkTheme: false,
   //系统主题色
-  appTheme: '#2d8cf0',
+  appTheme: '#165DFF',
   //系统内置主题色列表
   appThemeList,
 };
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 283d8b8..793e21f 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -22,7 +22,7 @@ body {
   }
 }
 a {
-  color: #2d8cf0;
+  color: #165DFF;
   background: transparent;
   text-decoration: none;
   outline: none;
diff --git a/src/styles/var.scss b/src/styles/var.scss
index eb2dbf0..3dd9b8f 100644
--- a/src/styles/var.scss
+++ b/src/styles/var.scss
@@ -1,4 +1,4 @@
-$primaryColor: #2d8cf0;
+$primaryColor: #165DFF;
 $primaryColorHover: #57a3f3;
 $header-height: 64px;
 $footer-height: 70px;
diff --git a/src/views/setting/configWeb/index.vue b/src/views/setting/configWeb/index.vue
index 67ae94b..c21a834 100644
--- a/src/views/setting/configWeb/index.vue
+++ b/src/views/setting/configWeb/index.vue
@@ -76,10 +76,10 @@
 
   .thing-cell-on {
     background: #f0faff;
-    color: #2d8cf0;
+    color: #165DFF;
 
     :deep(.n-thing-main .n-thing-header .n-thing-header__title) {
-      color: #2d8cf0;
+      color: #165DFF;
     }
 
     &:hover {
diff --git a/src/views/setting/profile/index.vue b/src/views/setting/profile/index.vue
index 8f2bdac..89448c1 100644
--- a/src/views/setting/profile/index.vue
+++ b/src/views/setting/profile/index.vue
@@ -30,10 +30,10 @@
 
   .thing-cell-on {
     background: #f0faff;
-    color: #2d8cf0;
+    color: #165DFF;
 
     :deep(.n-thing-main .n-thing-header .n-thing-header__title) {
-      color: #2d8cf0;
+      color: #165DFF;
     }
 
     &:hover {