diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
index 363dcc842f..0bc37e4f1e 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
@@ -278,7 +278,6 @@ const becomeContributor = () => {
 
     .btn-become-contributor {
       margin-top: 1rem;
-      width: 80px;
     }
 
     .page-contributor {
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeFooter.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeFooter.vue
index eb541c4be7..3ae73d85a8 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeFooter.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeFooter.vue
@@ -12,7 +12,9 @@ const { frontmatter } = useData()
   </footer>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
+@import '@devui/styles-var/devui-var';
+
 .footer {
   margin: 0 auto;
   max-width: 960px;
@@ -45,6 +47,6 @@ const { frontmatter } = useData()
   text-align: center;
   line-height: 1.4;
   font-size: 0.9rem;
-  color: var(--c-text-light);
+  color: $devui-text-weak;
 }
 </style>
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeHero.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeHero.vue
index d318e606cb..16b010d500 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeHero.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/HomeHero.vue
@@ -45,7 +45,7 @@ const heroText = computed(() => frontmatter.value.heroText || site.value.title)
         <div class="nav-link action alt" v-if="frontmatter.altActionLink && frontmatter.altActionText">
           <a class="item" :href="frontmatter.altActionLink">
             <svg height="20" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle">
-              <path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
+              <path fill="var(--devui-text, #252b3a)" fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path>
             </svg>
             {{ frontmatter.altActionText }}
           </a>
@@ -158,16 +158,16 @@ const heroText = computed(() => frontmatter.value.heroText || site.value.title)
 }
 
 .action.alt :deep(.item) {
-  color: var(--devui-text, #252b3a);
-  border-color: #f2f5fc;
-  background-color: #f2f5fc;
+  color: $devui-text;
+  border-color: $devui-list-item-hover-bg;
+  background-color: $devui-list-item-hover-bg;
   border-style: solid;
 }
 
 .action.alt :deep(.item:hover) {
-  color: var(--devui-text, #252b3a);
-  border-color: #e9edfa;
-  background-color: #e9edfa;
+  color: $devui-text;
+  border-color: $devui-list-item-selected-bg;
+  background-color: $devui-list-item-selected-bg;
 }
 
 .action :deep(.item:hover) {
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
index fe681c06c5..df80fe99d1 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBar.vue
@@ -14,13 +14,13 @@ import Theme from './icons/Theme.vue'
 
 // 主题切换
 const THEME_MAP = {
-  'devui-light-theme': devuiLightTheme,
-  'devui-dark-theme': devuiDarkTheme,
   'infinity-theme': infinityTheme,
-  'provence-theme': provenceTheme,
+  'galaxy-theme': galaxyTheme,
   'sweet-theme': sweetTheme,
+  'provence-theme': provenceTheme,
   'deep-theme': deepTheme,
-  'galaxy-theme': galaxyTheme,
+  'devui-light-theme': devuiLightTheme,
+  'devui-dark-theme': devuiDarkTheme,
 }
 const themes = Object.keys(THEME_MAP)
 const userCustomTheme = localStorage.getItem('user-custom-theme') || themes[0]
@@ -67,6 +67,7 @@ defineEmits(['toggle'])
             class="custom-nav-item ml-m"
             style="font-size: 0"
             @click="() => useTranslation(defaultLanguage === 'zh-CN' ? 'en-US' : 'zh-CN')"
+            v-if="false"
           >
             <ZhLang v-if="defaultLanguage === 'zh-CN'"></ZhLang>
             <EnLang v-else></EnLang>
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/Page.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/Page.vue
index 266dfbb803..147346b40c 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/Page.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/Page.vue
@@ -24,8 +24,10 @@ const contributors = computed(() => {
 
       <Content class="content" />
 
-      <div class="page-contributor-label">Contributors</div>
-      <PageContributor v-if="contributors && contributors.length > 0" :contributors="contributors" />
+      <div v-if="contributors && contributors.length > 0">
+        <div class="page-contributor-label">Contributors</div>
+        <PageContributor :contributors="contributors" />
+      </div>
 
       <PageFooter />
       <NextAndPrevLinks />