diff --git a/web/src/components/common/AppFooter.vue b/web/src/components/common/AppFooter.vue
index a021be14..a6832d55 100644
--- a/web/src/components/common/AppFooter.vue
+++ b/web/src/components/common/AppFooter.vue
@@ -6,7 +6,7 @@ const year = new Date().getFullYear()
 </script>
 
 <template>
-  <footer color="#6a6a6a"    text-14 f-c-c flex-col >
+  <footer text-14 f-c-c flex-col>
     <p>
       © 2022 - {{ year }}
       <a hover="decoration-primary color-primary" target="__blank" href="https://acepanel.net/">
@@ -23,11 +23,7 @@ const year = new Date().getFullYear()
         {{ $gettext('QQ Group') }} 12370907
       </a>
       <n-divider vertical />
-      <a
-        hover="decoration-primary color-primary"
-        target="_blank"
-        href="https://acepanel.net/docs"
-      >
+      <a hover="decoration-primary color-primary" target="_blank" href="https://acepanel.net/docs">
         {{ $gettext('Documentation') }}
       </a>
       <n-divider vertical />
diff --git a/web/src/views/login/IndexView.vue b/web/src/views/login/IndexView.vue
index 7dfee9af..4ca9258e 100644
--- a/web/src/views/login/IndexView.vue
+++ b/web/src/views/login/IndexView.vue
@@ -154,7 +154,7 @@ onMounted(() => {
   <AppPage :show-footer="true" :style="{ backgroundImage: `url(${bgImg})` }" bg-cover>
     <div m-auto p-15 bg-white bg-opacity-60 f-c-c min-w-345 card-shadow dark:bg-dark>
       <div px-20 py-35 flex-col w-480>
-        <h5 color="#6a6a6a" text-24 font-normal f-c-c>
+        <h5 text-24 font-normal f-c-c>
           <n-image :src="logo" preview-disabled mr-10 h-48 />{{ themeStore.name }}
         </h5>
         <div mt-30>