diff --git a/build/config/lessModifyVars.ts b/build/config/lessModifyVars.ts
index b51223bb3a23e9b700b781d06227460b7d2848a6..f2ebcf2a738813ad664f5bbe95779fa21629183f 100644
--- a/build/config/lessModifyVars.ts
+++ b/build/config/lessModifyVars.ts
@@ -17,12 +17,12 @@ const modifyVars = {
   // 'heading-color': '#2C3A61', //  Title color
   // 'text-color': '#2C3A61', //  Main text color
   'text-color-secondary ': '#606266', // Subtext color
-  'background-color-base': '#F0F2F5', // background color
+  'background-color-base': '#f4f7f9', // background color
   'font-size-base': '14px', //  Main font size
   'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', //  Floating shadow
   'border-color-base': '#F0F0F0', //  Border color,
   'border-color-split': '#F0F0F0', //  Border color,
-  'border-radius-base': '2px', //  Component/float fillet
+  'border-radius-base': '4px', //  Component/float fillet
 };
 //}
 
diff --git a/index.html b/index.html
index 3064328c1923a69b4d164b64cc238adc4009b92c..3763dd820d52e8d818a7607ecc143ae0da987878 100644
--- a/index.html
+++ b/index.html
@@ -24,7 +24,7 @@
           justify-content: center;
           align-items: center;
           flex-direction: column;
-          background: #f0f2f5;
+          background: #f4f7f9;
         }
 
         .app-loading .app-loading-wrap {
diff --git a/src/components/Basic/src/BasicArrow.vue b/src/components/Basic/src/BasicArrow.vue
index 1d8daddf13c81214ea257b18604efd8d5ad6553b..f9686e9088e30aaf7f018cc29451c73a5d949a81 100644
--- a/src/components/Basic/src/BasicArrow.vue
+++ b/src/components/Basic/src/BasicArrow.vue
@@ -15,7 +15,6 @@
 
   export default defineComponent({
     name: 'BasicArrow',
-    inheritAttrs: false,
     components: { RightOutlined },
     props: {
       // Expand contract, expand by default
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index 06fd3ac06d1867cac1d454a3054d077db5277e91..09ef2568f53ea1546ac70162030099ed50ebd7e5 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -12,7 +12,6 @@
   import { useDesign } from '/@/hooks/web/useDesign';
   export default defineComponent({
     name: 'BasicHelp',
-    inheritAttrs: false,
     components: { Tooltip },
     props: {
       // max-width
diff --git a/src/components/Basic/src/BasicTitle.vue b/src/components/Basic/src/BasicTitle.vue
index 6d607d4c841775cf58df3714399b59fa86161dab..77e1e9491e30b140a9f394e629c622f12d3d74f2 100644
--- a/src/components/Basic/src/BasicTitle.vue
+++ b/src/components/Basic/src/BasicTitle.vue
@@ -15,7 +15,6 @@
 
   export default defineComponent({
     name: 'BasicTitle',
-    inheritAttrs: false,
     components: { BasicHelp },
     props: {
       helpMessage: {
diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index 54735cffba0ea3649c3e1a522687afe81febd210..912a6fec42f387103bd1d29fc6918ddb3ff470c5 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -219,7 +219,7 @@
     .ant-drawer-body {
       height: calc(100% - @header-height);
       padding: 0;
-      background-color: @background-color-dark;
+      background-color: #fff;
 
       .scrollbar__wrap {
         padding: 16px !important;
diff --git a/src/components/Modal/src/index.less b/src/components/Modal/src/index.less
index 8205095680f71f0073729e91a547959039178c08..b31463ad8728853cec81471532e622b9c5d40120 100644
--- a/src/components/Modal/src/index.less
+++ b/src/components/Modal/src/index.less
@@ -79,7 +79,7 @@
 
   &-confirm-body {
     .ant-modal-confirm-content {
-      color: @text-color-help-dark;
+      color: #fff;
 
       > * {
         color: @text-color-help-dark;
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 4f8243f12eddee34d5f06e5dcafb166f26a09c47..e482d646a02e0851ebbfc627121934c35228a1a4 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -132,7 +132,7 @@
     position: relative;
 
     .ant-page-header {
-      padding: 12px 16px;
+      // padding: 12px 16px;
 
       &:empty {
         padding: 0;
diff --git a/src/design/color.less b/src/design/color.less
index 6a8c5c8098d8b7b9ba5c78d47c6b8510b833fa4a..519e8457c33d765dc69f3c9892eff586cb960889 100644
--- a/src/design/color.less
+++ b/src/design/color.less
@@ -14,7 +14,8 @@
 
 @white: #fff;
 
-@content-bg: #f0f2f5;
+@content-bg: #f4f7f9;
+// @content-bg: #f0f2f5;
 
 @info-color: @primary-color;
 
@@ -60,7 +61,7 @@
 // =================================
 
 // dark
-@background-color-dark: #f0f2f5;
+@background-color-dark: #f4f7f9;
 // light
 @background-color-light: #f5f7fa;
 // layout content background
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index dc637ed99e8f368162e522d90d70fb150c1fa694..2fa77c3badd958f524fd6eca8f6219b2f898da2a 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -113,7 +113,7 @@
   @prefix-cls: ~'@{namespace}-layout-multiple-header';
 
   .@{prefix-cls} {
-    margin-left: 1px;
+    // margin-left: 1px;
     transition: width 0.2s;
     flex: 0 0 auto;
 
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index 639058291ad750a5b8683352426ebca15ec1c292..c686c8acac84c2c46fef27153a0ca0193358d337 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -83,5 +83,9 @@
     > .ant-layout {
       min-height: 100%;
     }
+
+    &__main {
+      margin-left: 1px;
+    }
   }
 </style>
diff --git a/src/settings/colorSetting.ts b/src/settings/colorSetting.ts
index 0b498a3173ee45911ded01da3a6dc71c1fb69f9d..8bad5866335693d378a54ec1a6967d98a1f08968 100644
--- a/src/settings/colorSetting.ts
+++ b/src/settings/colorSetting.ts
@@ -16,11 +16,11 @@ export const HEADER_PRESET_BG_COLOR_LIST: string[] = [
 
 // sider preset color
 export const SIDE_BAR_BG_COLOR_LIST: string[] = [
+  '#001529',
   '#273352',
   '#ffffff',
   '#191b24',
   '#191a23',
-  '#001529',
   '#304156',
   '#001628',
   '#28333E',
diff --git a/src/settings/projectSetting.ts b/src/settings/projectSetting.ts
index c5c9a63128a2a89e3ac62096f102585acf90ea11..617a2820e37b5d43d1398c0faf318de90a0dd035 100644
--- a/src/settings/projectSetting.ts
+++ b/src/settings/projectSetting.ts
@@ -76,7 +76,7 @@ const setting: ProjectConfig = {
   // Menu configuration
   menuSetting: {
     // sidebar menu bg color
-    bgColor: '#273352',
+    bgColor: '#001529',
     //  Whether to fix the left menu
     fixed: true,
     // Menu collapse