diff --git a/nezha-fronted/src/assets/css/common.scss b/nezha-fronted/src/assets/css/common.scss
index a1f375acd..6a15e34bc 100644
--- a/nezha-fronted/src/assets/css/common.scss
+++ b/nezha-fronted/src/assets/css/common.scss
@@ -214,3 +214,20 @@ td .nz-icon-gear:before{
 .el-table::before {
   background-color: $--border-color-light !important;
 }
+.el-message-box {
+  background-color: $--background-color-empty !important;
+  .el-button:nth-of-type(1) {
+    background-color: $--button-light-hover-background-color;
+    border: 1px solid $--button-light-border-color;
+    color: $--button-light-color;
+  }
+  .el-button:nth-of-type(1):hover {
+    background-color: $--button-light-hover-background-color !important;
+    border: 1px solid $--button-primary-hover-background-color !important;
+    color: $--button-primary-background-color !important;
+  }
+  .el-button.el-button--primary:hover {
+    background-color: $--button-primary-hover-background-color !important;
+    opacity: 1 !important;
+  }
+}
diff --git a/nezha-fronted/src/assets/css/common/button.scss b/nezha-fronted/src/assets/css/common/button.scss
index d5b78e72f..15dbade78 100644
--- a/nezha-fronted/src/assets/css/common/button.scss
+++ b/nezha-fronted/src/assets/css/common/button.scss
@@ -61,7 +61,7 @@
   min-width: 40px;
   padding: 0 5px;
 }
-.nz-btn.nz-btn-style-light-new {
+.nz-btn.nz-btn-style-light {
   border: 1px solid $--button-light-border-color;
   color: $--button-light-color;
 }
@@ -81,7 +81,7 @@
   color: $--button-light-color;
   letter-spacing: 0;
 }
-.nz-btn-style-light-new:hover {
+.nz-btn-style-light:hover {
   background-color: $--background-color-empty;
   border-color: $--color-primary-light-5;
   color: $--color-primary;
@@ -108,23 +108,23 @@
   color: $--button-light-hover-color;
   letter-spacing: 0;
 }
-.nz-btn.nz-btn-style-normal:active:not(.nz-btn-disabled) { /* 橙色按钮active' */
+.nz-btn.nz-btn-style-normal:focus:not(.nz-btn-disabled) { /* 橙色按钮active' */
   background: $--button-primary-active-background-color;
   color: $--button-primary-color;
   border-color: $--button-primary-active-background-color;
 }
-.nz-btn.nz-btn-style-error:active:not(.nz-btn-disabled) { /* 红色按钮active' */
+.nz-btn.nz-btn-style-error:focus:not(.nz-btn-disabled) { /* 红色按钮active' */
   background: #EF7C62;
   color: $--button-primary-color;
   border-color: #Eb6D51;
 }
-.nz-btn.nz-btn-style-gray:active:not(.nz-btn-disabled) { /* 灰色按钮active*/
+.nz-btn.nz-btn-style-gray:focus:not(.nz-btn-disabled) { /* 灰色按钮active*/
   background: $--button-light-active-background-color;
   border: 1px solid $--button-light-active-border-color;
   color: $--button-light-active-color;
   letter-spacing: 0;
 }
-.nz-btn.nz-btn-style-gray:active:not(.nz-btn-disabled) { /* 浅灰色按钮active*/
+.nz-btn.nz-btn-style-gray:focus:not(.nz-btn-disabled) { /* 浅灰色按钮active*/
   background: $--button-light-active-background-color;
   border: 1px solid $--button-light-active-border-color;
   color: $--button-light-active-color;
diff --git a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss b/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
index c92e893cb..2a3a0c606 100644
--- a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
+++ b/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
@@ -224,7 +224,7 @@
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
-  transition: background-color linear .2s, color linear .1s;
+  transition:all .2s;
 }
 .footer__btn:hover:not(.footer__btn--disabled) {
   background-color: $--button-primary-hover-background-color;
@@ -232,7 +232,7 @@
 .footer__btn:focus:not(.footer__btn--disabled) {
   background-color: $--button-primary-active-background-color;
 }
-.footer__btn--light {
+.footer__btn.footer__btn--light {
   background-color: $--button-light-hover-background-color;
   border: 1px solid $--button-light-border-color;
   color: $--button-light-color;
@@ -240,7 +240,7 @@
 .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
   background-color: $--button-light-hover-background-color;
   border: 1px solid $--button-primary-hover-background-color;
-  color: $--button-primary-background-color;
+  color: $--button-light-hover-color;
 }
 .footer__btn.footer__btn--light:focus:not(.footer__btn--disabled) {
   background-color: $--button-light-active-background-color;
diff --git a/nezha-fronted/src/assets/css/common/tableCommon.scss b/nezha-fronted/src/assets/css/common/tableCommon.scss
index 747d9090e..7249e1233 100644
--- a/nezha-fronted/src/assets/css/common/tableCommon.scss
+++ b/nezha-fronted/src/assets/css/common/tableCommon.scss
@@ -78,7 +78,7 @@
     outline: none;
     border-radius: $--button-border-radius;
     background-color: $--button-icon-background-color;
-    transition: background-color linear .2s, color linear .1s;
+    transition:all .2s;
     color: $--button-icon-color;
 
     i {
@@ -272,7 +272,7 @@
           cursor: pointer;
           border-radius: $--button-border-radius;
           outline: none;
-          transition: background-color linear .2s, color linear .1s;
+          transition:all .2s;
         }
         .table-operation-item.table-operation-item--disable{
           border: 1px solid $--border-color-base;
@@ -417,7 +417,7 @@
       border-right: none;
       transform: translateX(1px);
       box-sizing: border-box;
-      transition: background-color linear .2s, color linear .1s;
+      transition:all .2s;
 
       span {
         font-size: 14px;
diff --git a/nezha-fronted/src/assets/css/components/common/elementSet.scss b/nezha-fronted/src/assets/css/components/common/elementSet.scss
index e07574db5..cd3a652c3 100644
--- a/nezha-fronted/src/assets/css/components/common/elementSet.scss
+++ b/nezha-fronted/src/assets/css/components/common/elementSet.scss
@@ -43,6 +43,9 @@
   left: 5px;
   top: 6px;
 }
+.nz-btn.nz-btn-style-light {
+  background-color: $--background-color-empty;
+}
 .custom-label {
   padding: 2px 0 2px 25px;
   position: relative;
diff --git a/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss b/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
index d4c89c79d..07658c234 100644
--- a/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
+++ b/nezha-fronted/src/assets/css/components/common/rightBox/asset/assetBox.scss
@@ -35,7 +35,7 @@
       -180deg
   );
 }
-.nz-btn-size-normal-new.nz-btn-style-light-new {
+.nz-btn-size-normal.nz-btn-style-light {
   font-size: 12px;
   color: #3C92F1;
   i {
diff --git a/nezha-fronted/src/assets/css/themes/theme-dark.scss b/nezha-fronted/src/assets/css/themes/theme-dark.scss
index d168aa19f..787b1d00e 100644
--- a/nezha-fronted/src/assets/css/themes/theme-dark.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-dark.scss
@@ -88,6 +88,8 @@ $--dashboard-card-header-background-color: $--background-color-empty;
 
 /* 10.dropdown */
 $--dropdown-menu-box-shadow-color: rgba(8,3,3,0.77);
+/* 分页 dropdown */
+$--select-dropdown-background: $--background-color-empty;
 
 /* 11.input */
 $--input-background-color: $--background-color-base;
diff --git a/nezha-fronted/src/assets/css/themes/theme-light.scss b/nezha-fronted/src/assets/css/themes/theme-light.scss
index 25da292fa..faf6e5000 100644
--- a/nezha-fronted/src/assets/css/themes/theme-light.scss
+++ b/nezha-fronted/src/assets/css/themes/theme-light.scss
@@ -100,8 +100,8 @@ $--button-primary-active-background-color: mix(#000, $--color-primary, 10%);
 
 // button-light用于普通按钮
 $--button-light-color: $--color-text-regular; // 灰色按钮字色
-$--button-light-hover-color: $--button-light-color; // 灰色按钮hover字色
-$--button-light-active-color: $--color-primary; // 灰色按钮focus字色
+$--button-light-hover-color: mix(#FFF, $--color-primary, 15%); // 灰色按钮hover字色
+$--button-light-active-color: mix(#000, $--color-primary, 15%); // 灰色按钮focus字色
 $--button-light-background-color: $--background-color-base; // 灰色按钮背景色
 $--button-light-hover-background-color: $--background-color-empty; // 灰色按钮hover背景色
 $--button-light-active-background-color: $--button-light-hover-background-color; // 灰色按钮focus背景色
diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index b73628fb6..84963611e 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -99,12 +99,12 @@
 
         </span>
           <span class="float-right">
-          <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new"
+          <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
                   style="margin-right: 20px"
           >
              {{$t('project.topology.preview')}}
            </button>
-            <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" @click="previewExit"
+            <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
                     style="margin-right: 20px"
             >
              {{$t('project.topology.previewExit')}}
@@ -294,7 +294,7 @@
       </el-row>
       <div class="upload-pic-row" style="text-align: center">
             <span>
-               <button class="nz-btn nz-btn-size-normal nz-btn-style-light-new" style="margin-right: 20px" @click="uploadPicShow=false">
+               <button class="nz-btn nz-btn-size-normal nz-btn-style-light" style="margin-right: 20px" @click="uploadPicShow=false">
              {{$t('project.topology.exit')}}
            </button>
 
diff --git a/nezha-fronted/src/components/common/elementSet.vue b/nezha-fronted/src/components/common/elementSet.vue
index c71b4b36b..e42db76d5 100644
--- a/nezha-fronted/src/components/common/elementSet.vue
+++ b/nezha-fronted/src/components/common/elementSet.vue
@@ -20,14 +20,14 @@
       </div>
     </div>
     <div class="custom-bottom-btns">
-      <button v-if="isCancel" :id="tableId+'-element-set-none'" class="nz-btn nz-btn-size-small nz-btn-style-light-new is-cancel" type="button" @click="batchHandler(false)">
+      <button v-if="isCancel" :id="tableId+'-element-set-none'" class="nz-btn nz-btn-size-small nz-btn-style-light is-cancel" type="button" @click="batchHandler(false)">
         <span class="top-tool-btn-txt">{{$t('overall.clear')}}</span>
       </button>
-      <button v-if="!isCancel" :id="tableId+'-element-set-all'" class="nz-btn nz-btn-size-small nz-btn-style-light-new" type="button" @click="batchHandler(true)">
+      <button v-if="!isCancel" :id="tableId+'-element-set-all'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click="batchHandler(true)">
         <span class="top-tool-btn-txt">{{$t('overall.all')}}</span>
       </button>
       <div>
-        <button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light-new" type="button" @click="esc">
+        <button :id="tableId+'-element-set-esc'" class="nz-btn nz-btn-size-small nz-btn-style-light" type="button" @click="esc">
           <span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
         </button>
         <button :id="tableId+'-element-set-save'" class="nz-btn nz-btn-size-small nz-btn-style-normal" type="button" @click="save">
diff --git a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
index 3d56ffd95..7fc681c89 100644
--- a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
+++ b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
@@ -59,7 +59,7 @@
         </div>
         <div slot="footer" class="footer">
           <div class="el-message-box__btns">
-            <button :id="id+'-xlsx-import-export'"  class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" @click="exportData">
+            <button :id="id+'-xlsx-import-export'"  class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
               <span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
             </button>
             <button :id="id+'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 0f00f6f30..e224034d0 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -807,7 +807,7 @@
             <div class="flex middle">
               <label></label>
               <div class="full pr10">
-                <button class="button primary nz-btn nz-btn-size-mini-new nz-btn-style-light-new" @click="onLayout">
+                <button class="button primary nz-btn nz-btn-size-mini-new nz-btn-style-light" @click="onLayout">
                   {{ $t('project.topology.onLayout') }}
                 </button>
               </div>
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 5c7f06025..4e7834e2e 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -100,12 +100,12 @@
 
         </span>
           <span class="float-right">
-          <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new"
+          <button @click="previewTopology" v-if="!isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light"
                   style="margin-right: 20px"
           >
              {{$t('project.topology.preview')}}
            </button>
-            <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" @click="previewExit"
+            <button v-if="isPreview" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="previewExit"
                     style="margin-right: 20px"
             >
              {{$t('project.topology.previewExit')}}
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index 685192c72..61b6b63b1 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -20,8 +20,8 @@
 
           <el-form-item :label="$t('config.roles.permission')">
             <!--<div class="tree-option">
-              <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button>
-              <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light-new option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button>
+              <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" style="margin-left: 0px;" @click="expandAllOrNone" :class="{'btn-active':expandAllFlag}">展开/收缩</button>
+              <button type="button" class="nz-btn nz-btn-size-small-new nz-btn-style-light option-btn" @click="selectAllOrNone" :class="{'btn-active':selectAllFlag}"><span ><i class="nz-icon nz-icon-delete"></i></span></button>
             </div>-->
             <el-tree :data="menus" :default-expand-all="expandAllFlag" :props="{label:labelFormatter}" :default-checked-keys="[2]" class="tree-border" node-key="id" ref="menuTree" show-checkbox id="role-box-input-menus">
               <div slot-scope="{ node, data }">
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index d9be2d6ae..4ed646105 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -276,7 +276,7 @@
             </transition>
             <template v-if="showAddressOption">
               <div style="text-align: center;margin-bottom: 40px">
-                <span class="nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAddress">
+                <span class="nz-btn-size-normal-new nz-btn-style-light" style="border: none" @click="showAddress">
                   {{$t('overall.moreOption')}}<i class="nz-icon nz-icon-arrow-down"></i>
                 </span>
               </div>
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 9c83aa4fd..359e41b68 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -187,7 +187,7 @@
                 </transition>
 
                 <div style="text-align: center">
-                <span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
+                <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
                   {{$t('overall.moreOption')}}
                   <i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
                 </span>
@@ -303,7 +303,7 @@
                       </div>
                     </transition>
                     <div style="text-align: center">
-                  <span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
+                  <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
                     {{$t('overall.moreOption')}}
                     <i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
                   </span>
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index ebf0d1236..1764a4398 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -168,7 +168,7 @@
               </transition>
 
               <div style="text-align: center">
-                <span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
+                <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="showAllBasicOption=!showAllBasicOption">
                   {{$t('overall.moreOption')}}
                   <i :class="showAllBasicOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
                 </span>
@@ -283,7 +283,7 @@
                       </div>
                     </transition>
                     <div style="text-align: center">
-                  <span class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
+                  <span class="nz-btn nz-btn-size-normal nz-btn-style-light" style="border: none" @click="item.showAllRelabelOption=!item.showAllRelabelOption">
                     {{$t('overall.moreOption')}}
                     <i :class="item.showAllRelabelOption?'is-active':''" class="nz-icon nz-icon-arrow-down need-rotate" ></i>
                   </span>
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
index 5da2dce2c..fb7f59402 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
@@ -10,13 +10,13 @@
           <el-input :disabled="true" v-model="dc.name" id="traffic-setting-name"></el-input>
         </el-form-item>
         <traffic-setting-tab ref="trafficSetting" :post-asset-list="assetList" v-for="(item,index) in traffic.setting" :index="index" :asset-setting="item" :key="uuids[index]" :id="uuids[index]" @delSelf="delAssetSetting" :validate-repeat-func="valiateRepeatFunc"></traffic-setting-tab>
-        <button @click="addAssetSetting" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('config.dc.traffic.add')}}</button>
+        <button @click="addAssetSetting" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('config.dc.traffic.add')}}</button>
       </el-form>
     </div>
 
     <!--底部按钮-->
     <div class="right-box-bottom-btns">
-      <button id="traffic-setting-esc" v-cancel="{obj:traffic,func:esc}" class="nz-btn nz-btn-size-normal nz-btn-style-light-new" type="button">
+      <button id="traffic-setting-esc" v-cancel="{obj:traffic,func:esc}" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button">
         <span>{{$t('overall.cancel')}}</span>
       </button>
       <button id="traffic-setting-save" v-has="'dc_trafficSetting_save'" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="save">
diff --git a/nezha-fronted/src/components/page/alert/alertMessage.vue b/nezha-fronted/src/components/page/alert/alertMessage.vue
index 39b130d9c..05f74badd 100644
--- a/nezha-fronted/src/components/page/alert/alertMessage.vue
+++ b/nezha-fronted/src/components/page/alert/alertMessage.vue
@@ -71,7 +71,7 @@
         </div>
         <div slot="footer" class="footer">
           <div class="el-message-box__btns">
-            <button :id="'-xlsx-import-export'"  class="nz-btn nz-btn-size-normal-new nz-btn-style-normal-new" @click="exportData">
+            <button :id="'-xlsx-import-export'"  class="nz-btn nz-btn-size-normal nz-btn-style-normal-new" @click="exportData">
               <span style="text-transform:Capitalize">{{$t('config.operationlog.operations.export')}}</span>
             </button>
             <button :id="'-xlsx-import-close'" class="nz-btn el-button el-button--default el-button--small" @click="closeDialog">
diff --git a/nezha-fronted/src/components/page/config/system.vue b/nezha-fronted/src/components/page/config/system.vue
index 6b730ff7e..b15589b0c 100644
--- a/nezha-fronted/src/components/page/config/system.vue
+++ b/nezha-fronted/src/components/page/config/system.vue
@@ -156,7 +156,7 @@
 
             <el-form-item>
               <!--              <button-->
-              <!--                @click="resetForm('basicForm','basic')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button" id="system-basic-reset"-->
+              <!--                @click="resetForm('basicForm','basic')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button" id="system-basic-reset"-->
               <!--                :disabled="prevent_opt.save" :class="{'nz-btn-disabled':prevent_opt.save}"-->
               <!--              >{{$t('overall.reset')}}</button>-->
               <button id="system-monitor-save" v-has="'system_basic_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal"  type="button" @click="saveSetInfo('monitor','monitorForm')">{{$t('overall.submit')}}</button>
@@ -205,8 +205,8 @@
               </el-select>
             </el-form-item>
             <el-form-item style="padding-top: 20px;">
-<!--              <button id="system-email-reset" @click="resetForm('emailForm','email')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('overall.reset')}}</button>-->
-              <button id="system-email-test" :class="{'nz-btn-disabled':email.email_enable == 'off','nz-btn-disabled':prevent_opt.save}" :disabled="email.email_enable == 'off' || prevent_opt.save" @click="testSetInfo('email','emailForm')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('config.system.email.testConnection')}}</button>
+<!--              <button id="system-email-reset" @click="resetForm('emailForm','email')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button">{{$t('overall.reset')}}</button>-->
+              <button id="system-email-test" :class="{'nz-btn-disabled':email.email_enable == 'off','nz-btn-disabled':prevent_opt.save}" :disabled="email.email_enable == 'off' || prevent_opt.save" @click="testSetInfo('email','emailForm')" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button">{{$t('config.system.email.testConnection')}}</button>
               <button id="system-email-save" v-has="'system_email_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('email','emailForm')">{{$t('overall.submit')}}</button>
             </el-form-item>
           </el-form>
@@ -273,7 +273,7 @@
               </el-input>
             </el-form-item>
             <el-form-item>
-<!--              <button id='system-ldap-reset' @click="resetForm('ldapForm','ldap')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light-new" type="button">{{$t('overall.reset')}}</button>-->
+<!--              <button id='system-ldap-reset' @click="resetForm('ldapForm','ldap')" class="nz-btn nz-btn-size-normal-new nz-btn-style-light" type="button">{{$t('overall.reset')}}</button>-->
               <button id='system-ldap-test' :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-light" type="button" @click="testSetInfo('ldap','ldapForm')">{{$t('config.system.email.testConnection')}}</button>
               <button id='system-ldap-save' v-has="'system_ldap_save'" :class="{'nz-btn-disabled':prevent_opt.save}" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" type="button" @click="saveSetInfo('ldap','ldapForm')">{{$t('overall.submit')}}</button>
             </el-form-item>
diff --git a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
index 72c9c7d62..b58845642 100644
--- a/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
+++ b/nezha-fronted/src/components/page/config/system/apiKeyTable.vue
@@ -91,7 +91,7 @@
         <div slot-scope="scope" class="table-operation-items">
           <template v-if="scope.row.edit">
             <button v-has="'system_apiKey_edit'" :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal" style="margin-right: 10px" type="button"  @click="save(scope.row)"><span>{{$t('overall.save')}}</span></button>
-            <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light-new" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
+            <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
             <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'"><i class="nz-icon nz-icon-delete"></i></button>
diff --git a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
index 6c62b23b9..24aad0d50 100644
--- a/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
+++ b/nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
@@ -72,7 +72,7 @@
         <div slot-scope="scope" class="table-operation-items">
           <template v-if="scope.row.edit">
             <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-normal"  style="margin-right: 10px" type="button" @click="saveOrUpdate(scope.row)"><span>{{$t('overall.save')}}</span></button>
-            <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light-new" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
+            <button :disabled="prevent_opt.save" class="nz-btn nz-btn-size-mini nz-btn-style-light" type="button" @click="cancel(scope.row)"><span>{{$t('overall.cancel')}}</span></button>
           </template>
           <template v-else>
             <button :class="{'table-operation-item--disable':isBuiltIn(scope.row)}" :disabled="isBuiltIn(scope.row)" class="table-operation-item" @click="toEdit(scope.row)"><i class="nz-icon nz-icon-edit"></i></button>