diff --git a/frontend/src/api/datasource.ts b/frontend/src/api/datasource.ts
index 96571845..3274b3f4 100644
--- a/frontend/src/api/datasource.ts
+++ b/frontend/src/api/datasource.ts
@@ -22,5 +22,5 @@ export const datasourceApi = {
   saveField: (data: any) => request.post('/datasource/editField', data),
   getDs: (id: number) => request.post(`/datasource/get/${id}`),
   cancelRequests: () => request.cancelRequests(),
-  getSchema: (data: any) => request.post('/datasource/getSchemaByConf', data)
+  getSchema: (data: any) => request.post('/datasource/getSchemaByConf', data),
 }
diff --git a/frontend/src/components/layout/Person.vue b/frontend/src/components/layout/Person.vue
index 0529fc83..5add5819 100644
--- a/frontend/src/components/layout/Person.vue
+++ b/frontend/src/components/layout/Person.vue
@@ -111,7 +111,7 @@ const logout = () => {
           <div :title="account" class="bottom ellipsis">{{ account }}</div>
         </div>
         <div v-if="isAdmin && !inSysmenu" class="popover-item" @click="toSystem">
-          <el-icon size="16">
+          <el-icon style="color: #646a73" size="16">
             <icon_admin_outlined></icon_admin_outlined>
           </el-icon>
           <div class="datasource-name">{{ $t('common.system_manage') }}</div>
@@ -175,7 +175,7 @@ const logout = () => {
     <pwd-form v-if="dialogVisible" ref="pwdFormRef" @pwd-saved="closePwd" />
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="closePwd">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closePwd">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="savePwdHandler">{{ t('common.save') }}</el-button>
       </div>
     </template>
@@ -276,6 +276,7 @@ const logout = () => {
     .info {
       height: 62px;
       padding: 8px;
+      margin-bottom: 4px;
 
       img {
         float: left;
@@ -302,10 +303,12 @@ const logout = () => {
       height: 32px;
       display: flex;
       align-items: center;
-      padding-left: 12px;
-      padding-right: 8px;
+      padding-left: 8px;
+      padding-right: 4px;
       position: relative;
       cursor: pointer;
+      margin: 0 4px;
+      border-radius: 4px;
       &:hover {
         background-color: #1f23291a;
       }
diff --git a/frontend/src/style.less b/frontend/src/style.less
index f03e97d1..8de643f2 100644
--- a/frontend/src/style.less
+++ b/frontend/src/style.less
@@ -28,6 +28,7 @@
   --ed-color-primary-light-7: #d2f1e9 !important;
   --ed-border-color: #d9dcdf !important;
   --ed-border-radius-base: 6px !important;
+  --ed-disabled-border-color: #d9dcdf !important;
 }
 
 a {
@@ -61,7 +62,7 @@ body {
 
 @media (prefers-color-scheme: light) {
   :root {
-    color: #213547;
+    color: #1f2329;
     background-color: #ffffff;
   }
 
diff --git a/frontend/src/views/dashboard/components/sq-tab/index.vue b/frontend/src/views/dashboard/components/sq-tab/index.vue
index 7b2c0cf9..2bb1c819 100644
--- a/frontend/src/views/dashboard/components/sq-tab/index.vue
+++ b/frontend/src/views/dashboard/components/sq-tab/index.vue
@@ -271,7 +271,9 @@ defineExpose({
       />
       <template #footer>
         <span class="dialog-footer">
-          <el-button @click="state.dialogVisible = false">{{ t('common.cancel') }}</el-button>
+          <el-button secondary @click="state.dialogVisible = false">{{
+            t('common.cancel')
+          }}</el-button>
           <el-button :disabled="!titleValid" type="primary" @click="sureCurTitle">{{
             t('common.confirm')
           }}</el-button>
diff --git a/frontend/src/views/dashboard/editor/ChatChartSelection.vue b/frontend/src/views/dashboard/editor/ChatChartSelection.vue
index e9479373..eb611de8 100644
--- a/frontend/src/views/dashboard/editor/ChatChartSelection.vue
+++ b/frontend/src/views/dashboard/editor/ChatChartSelection.vue
@@ -42,7 +42,7 @@
         <el-col class="adapt-count">
           <span>{{ t('dashboard.chart_selected', [selectComponentCount]) }} </span>
         </el-col>
-        <el-button class="close-button" @click="dialogShow = false"
+        <el-button secondary class="close-button" @click="dialogShow = false"
           >{{ t('common.cancel') }}
         </el-button>
         <el-button
diff --git a/frontend/src/views/ds/Card.vue b/frontend/src/views/ds/Card.vue
index 5d033c28..754dddc1 100644
--- a/frontend/src/views/ds/Card.vue
+++ b/frontend/src/views/ds/Card.vue
@@ -103,6 +103,7 @@ const onClickOutside = () => {
           v-click-outside="onClickOutside"
           class="more"
           size="16"
+          style="color: #646a73"
           @click.stop
         >
           <icon_more_outlined></icon_more_outlined>
diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index e44bda23..32083515 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -459,7 +459,7 @@ const btnSelectClick = (val: any) => {
       clearable
     />
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="closeTable">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="closeTable">{{ t('common.cancel') }}</el-button>
       <el-button type="primary" @click="saveTable">{{ t('common.save') }}</el-button>
     </div>
   </el-dialog>
@@ -481,7 +481,7 @@ const btnSelectClick = (val: any) => {
       type="textarea"
     />
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="closeField">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="closeField">{{ t('common.cancel') }}</el-button>
       <el-button type="primary" @click="saveField">{{ t('common.save') }}</el-button>
     </div>
   </el-dialog>
diff --git a/frontend/src/views/ds/TableList.vue b/frontend/src/views/ds/TableList.vue
index 77de9237..063fb7b0 100644
--- a/frontend/src/views/ds/TableList.vue
+++ b/frontend/src/views/ds/TableList.vue
@@ -108,7 +108,7 @@
       <div>{{ t('ds.edit.table_comment_label') }}</div>
       <el-input v-model="tableComment" clearable :rows="3" type="textarea" />
       <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-        <el-button @click="closeTable">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeTable">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveTable">{{ t('common.confirm') }}</el-button>
       </div>
     </el-dialog>
@@ -124,7 +124,7 @@
       <div>{{ t('ds.edit.field_comment_label') }}</div>
       <el-input v-model="fieldComment" clearable :rows="3" type="textarea" />
       <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-        <el-button @click="closeField">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeField">{{ t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveField">{{ t('common.confirm') }}</el-button>
       </div>
     </el-dialog>
diff --git a/frontend/src/views/ds/form.vue b/frontend/src/views/ds/form.vue
index 90889e90..0d11d169 100644
--- a/frontend/src/views/ds/form.vue
+++ b/frontend/src/views/ds/form.vue
@@ -146,7 +146,7 @@
       <span>{{ t('ds.form.selected', [checkList.length, tableList.length]) }}</span>
     </div>
     <div style="display: flex; justify-content: flex-end; margin-top: 20px">
-      <el-button @click="close">{{ t('common.cancel') }}</el-button>
+      <el-button secondary @click="close">{{ t('common.cancel') }}</el-button>
       <el-button v-show="!isCreate && !isEditTable && form.type !== 'excel'" @click="check">
         {{ t('ds.check') }}
       </el-button>
diff --git a/frontend/src/views/system/embedded/index.vue b/frontend/src/views/system/embedded/index.vue
index 356db28b..02c14089 100644
--- a/frontend/src/views/system/embedded/index.vue
+++ b/frontend/src/views/system/embedded/index.vue
@@ -934,7 +934,7 @@ const saveHandler = () => {
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="certificateBeforeClose">{{ $t('common.cancel') }}</el-button>
+        <el-button secondary @click="certificateBeforeClose">{{ $t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveHandler">
           {{ $t('common.save') }}
         </el-button>
diff --git a/frontend/src/views/system/permission/index.vue b/frontend/src/views/system/permission/index.vue
index 8bf73c4c..9d2f3722 100644
--- a/frontend/src/views/system/permission/index.vue
+++ b/frontend/src/views/system/permission/index.vue
@@ -883,7 +883,7 @@ const columnRules = {
       </div>
       <template #footer>
         <div class="dialog-footer">
-          <el-button @click="closeForm">{{ $t('common.cancel') }}</el-button>
+          <el-button secondary @click="closeForm">{{ $t('common.cancel') }}</el-button>
           <el-button type="primary" @click="saveHandler">
             {{ $t('common.save') }}
           </el-button>
diff --git a/frontend/src/views/system/user/User.vue b/frontend/src/views/system/user/User.vue
index 5065908b..e8b643d4 100644
--- a/frontend/src/views/system/user/User.vue
+++ b/frontend/src/views/system/user/User.vue
@@ -302,7 +302,7 @@
     </el-form>
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="closeForm">{{ $t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeForm">{{ $t('common.cancel') }}</el-button>
         <el-button type="primary" @click="saveHandler">
           {{ state.form.id ? $t('common.save') : $t('model.add') }}
         </el-button>
diff --git a/frontend/src/views/system/user/UserImport.vue b/frontend/src/views/system/user/UserImport.vue
index 9b0f7451..ed777113 100644
--- a/frontend/src/views/system/user/UserImport.vue
+++ b/frontend/src/views/system/user/UserImport.vue
@@ -345,7 +345,7 @@ defineExpose({
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button @click="closeDialog">{{ t('common.cancel') }}</el-button>
+        <el-button secondary @click="closeDialog">{{ t('common.cancel') }}</el-button>
         <el-button
           :type="file && fileName ? 'primary' : 'info'"
           :disabled="!file || !fileName"
diff --git a/frontend/src/views/system/workspace/AuthorizedWorkspaceDialog.vue b/frontend/src/views/system/workspace/AuthorizedWorkspaceDialog.vue
index 1d0d8303..310707a4 100644
--- a/frontend/src/views/system/workspace/AuthorizedWorkspaceDialog.vue
+++ b/frontend/src/views/system/workspace/AuthorizedWorkspaceDialog.vue
@@ -102,7 +102,9 @@
     </div>
 
     <template #footer>
-      <el-button @click="centerDialogVisible = false"> {{ $t('common.cancel') }}</el-button>
+      <el-button secondary @click="centerDialogVisible = false">
+        {{ $t('common.cancel') }}</el-button
+      >
       <el-button v-if="!checkedWorkspace.length" disabled type="info">{{
         $t('model.add')
       }}</el-button>
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index cbfc9a1b..c7b7610b 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -336,7 +336,7 @@ const handleCurrentChange = (val: number) => {
             placement="bottom"
           >
             <template #reference>
-              <el-icon class="more" size="16" style="margin-left: auto" @click.stop>
+              <el-icon class="more" size="16" style="margin-left: auto; color: #646a73" @click.stop>
                 <icon_more_outlined></icon_more_outlined>
               </el-icon>
             </template>