diff --git a/web/src/assets/images/profile.jpg b/web/src/assets/images/profile.jpg
index f4fde57d..81c2f861 100644
Binary files a/web/src/assets/images/profile.jpg and b/web/src/assets/images/profile.jpg differ
diff --git a/web/src/assets/images/profile1.jpg b/web/src/assets/images/profile1.jpg
new file mode 100644
index 00000000..f4fde57d
Binary files /dev/null and b/web/src/assets/images/profile1.jpg differ
diff --git a/web/src/assets/images/profile2.jpg b/web/src/assets/images/profile2.jpg
new file mode 100644
index 00000000..c23d22dc
Binary files /dev/null and b/web/src/assets/images/profile2.jpg differ
diff --git a/web/src/layout/components/Navbar.vue b/web/src/layout/components/Navbar.vue
index 0a1ce12b..52042fc2 100644
--- a/web/src/layout/components/Navbar.vue
+++ b/web/src/layout/components/Navbar.vue
@@ -281,19 +281,20 @@ watch(
 
     .avatar-container {
       margin-right: 40px;
+      margin-top: 9px;
 
       .avatar-wrapper {
-        margin-top: 5px;
+        // margin-top: 5px;
         position: relative;
 
         .user-avatar {
           cursor: pointer;
-          width: 30px !important;
-          height: 30px !important;
-          min-width: 30px;
-          min-height: 30px;
-          max-width: 30px;
-          max-height: 30px;
+          width: 24px !important;
+          height: 24px !important;
+          min-width: 24px;
+          min-height: 24px;
+          max-width: 24px;
+          max-height: 24px;
           border-radius: 6px;
           margin-top: 10px;
           object-fit: cover;
@@ -305,8 +306,8 @@ watch(
         i {
           cursor: pointer;
           position: absolute;
-          right: -20px;
-          top: 25px;
+          right: -15px;
+          top: 17px;
           font-size: 12px;
         }
       }
diff --git a/web/src/views/login.vue b/web/src/views/login.vue
index 412e7376..f0f45bd2 100644
--- a/web/src/views/login.vue
+++ b/web/src/views/login.vue
@@ -52,7 +52,13 @@
         </el-button>
       </el-form-item> -->
       <el-form-item style="width: 100%">
-        <el-button :loading="loading" size="large" type="primary" style="width: 100%" @click.prevent="handleLogin">
+        <el-button
+          :loading="loading"
+          size="large"
+          style="width: 100%; background-color: rgb(var(--art-primary)) !important"
+          class="login-button"
+          @click.prevent="handleLogin"
+        >
           <span v-if="!loading">{{ proxy.$t('login.login') }}</span>
           <span v-else>{{ proxy.$t('login.logging') }}</span>
         </el-button>
@@ -299,7 +305,7 @@ onMounted(() => {
   .title {
     margin: 0px auto 30px auto;
     text-align: center;
-    color: #707070;
+    color: #000000;
   }
 
   :deep(.lang-select--style) {
@@ -393,4 +399,8 @@ onMounted(() => {
     border-radius: 8px;
   }
 }
+
+.login-button{
+  color: #ffffff;
+}
 </style>
diff --git a/web/src/views/system/user/profile/index.vue b/web/src/views/system/user/profile/index.vue
index 7c1389a3..707ca169 100644
--- a/web/src/views/system/user/profile/index.vue
+++ b/web/src/views/system/user/profile/index.vue
@@ -55,12 +55,12 @@
             <el-tab-pane label="修改密码" name="resetPwd">
               <resetPwd />
             </el-tab-pane>
-            <el-tab-pane label="第三方应用" name="thirdParty">
+            <!-- <el-tab-pane label="第三方应用" name="thirdParty">
               <thirdParty :auths="state.auths" />
             </el-tab-pane>
             <el-tab-pane label="在线设备" name="onlineDevice">
               <onlineDevice :devices="state.devices" />
-            </el-tab-pane>
+            </el-tab-pane> -->
           </el-tabs>
         </el-card>
       </el-col>