diff --git a/docs/.vitepress/src/components/header/HeaderNav.vue b/docs/.vitepress/src/components/header/HeaderNav.vue
index 61ddad5637c8ce0976200ce49a29345e53f35694..532640285340c4cde0d964723295cbdb792ca91e 100644
--- a/docs/.vitepress/src/components/header/HeaderNav.vue
+++ b/docs/.vitepress/src/components/header/HeaderNav.vue
@@ -300,7 +300,7 @@ const linkClick = () => {
   transform-origin: top;
 
   &.light {
-    box-shadow: 0 3px 6px rgba(#001255, 0.08);
+    box-shadow: 0 3px 8px 0 rgba(var(--o-kleinblue-10), 0.1);
   }
 
   @include respond-to('laptop') {
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index 4a8a7f0079054d651cca3b81a12d08c9b1e96771..24bfb0908a088fe8f6acc5f1dd4fa1586c33a847 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -624,7 +624,7 @@ onUpdated(() => {
     display: inline-block;
     width: 16px;
     height: 16px;
-    background-image:  url('@/assets/category/docs/icon-gitee.svg');
+    background-image: url('@/assets/category/docs/icon-gitee.svg');
     background-size: 100% 100%;
   }
 }
@@ -671,7 +671,7 @@ onUpdated(() => {
   --padding-l: 6px;
   --padding-r: 6px;
   --height: calc(var(--padding-h) * 2 + var(--thumb-height));
-  background-color: rgba(var(--o-mixedgray-1), 1);
+  background-color: var(--o-color-fill2);
   cursor: pointer;
   font-size: 24px;
   padding: var(--padding-h);
@@ -702,9 +702,9 @@ onUpdated(() => {
   --padding-r: 6px;
   background-color: #fff0;
   background-image: url(@/assets/category/common/menu-switch-bar.png);
-  background-position: 50%;
+  background-position: left;
   background-repeat: no-repeat;
-  background-size: contain;
+  background-size: 100% auto;
 }
 .opener-thumb {
   background-color: var(--o-color-info3);
@@ -717,6 +717,12 @@ onUpdated(() => {
   .menu-opener {
     border-radius: 0 var(--o-radius-s) var(--o-radius-s) 0;
     box-shadow: var(--o-shadow-2);
+
+    @include hover {
+      :deep(.opener-thumb) {
+        background-color: var(--o-color-primary1);
+      }
+    }
   }
   & + .aside-mask {
     opacity: 0;