diff --git a/docs/.vitepress/vitepress/styles/css-vars.scss b/docs/.vitepress/vitepress/styles/css-vars.scss
index 5ea845a25f..ed6d065113 100644
--- a/docs/.vitepress/vitepress/styles/css-vars.scss
+++ b/docs/.vitepress/vitepress/styles/css-vars.scss
@@ -15,7 +15,6 @@
   --bg-brand-color: var(--el-color-primary-light-9);
 
   --bg-color: var(--el-bg-color);
-  --bg-color-filter: #ffffffb3;
   --bg-color-soft: #fafafa;
   --bg-color-mute: #f2f2f2;
   --border-color: var(--el-border-color);
@@ -79,5 +78,4 @@
 .dark {
   --bg-color-soft: #242424;
   --bg-color-mute: #2c2c2c;
-  --bg-color-filter: #141414b3;
 }
diff --git a/docs/.vitepress/vitepress/styles/navbar.scss b/docs/.vitepress/vitepress/styles/navbar.scss
index 04c6ac36f5..a3d39877be 100644
--- a/docs/.vitepress/vitepress/styles/navbar.scss
+++ b/docs/.vitepress/vitepress/styles/navbar.scss
@@ -5,14 +5,14 @@
 @use './nav/menu';
 
 .navbar-wrapper {
-  @include with-bg;
   position: relative;
   border-bottom: 1px solid var(--border-color);
   height: var(--header-height);
   padding: 0 12px 0 24px;
-  backdrop-filter: saturate(50%) blur(8px);
-  background: var(--bg-color-filter);
-  -webkit-backdrop-filter: saturate(50%) blur(8px);
+  background-image: radial-gradient(transparent 1px, var(--bg-color) 1px);
+  background-size: 4px 4px;
+  backdrop-filter: saturate(50%) blur(4px);
+  -webkit-backdrop-filter: saturate(50%) blur(4px);
   top: 0;
 
   @include respond-to('md') {