diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
index 5d8178c46c..304dad0c4e 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.css
@@ -371,7 +371,7 @@ body.scrolledMore .alert-criteria p.alert-p {
   color: #3e9fcb;
 }
 .docs-page .docs-content .docs-link-btns a .text-muted {
-  color: rgba(11, 22, 33, 0.3) !important;
+  color: rgba(11, 22, 33, 0.6) !important;
 }
 .docs-page .docs-content .docs-link-btns a:hover {
   color: #3e9fcb;
@@ -479,7 +479,7 @@ body.scrolledMore .alert-criteria p.alert-p {
   margin-bottom: 1rem;
   margin-left: 0;
   padding: 1em 1.5em;
-  background-color: rgb(227, 237, 242);
+  background-color: #e3edf2;
   font-size: 1em;
   border-radius: 12px;
   color: #385766;
@@ -546,7 +546,7 @@ body.scrolledMore .alert-criteria p.alert-p {
   background-color: #f4f6fa;
   border-color: #f4f6fa;
   border-radius: 12px;
-  background: hsla(199, 59%, 84%, 0.82);
+  background: rgba(190, 223, 238, 0.82);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   z-index: 3;
@@ -585,7 +585,7 @@ body.scrolledMore .alert-criteria p.alert-p {
 }
 .docs-page .docs-page-index .docs-inner-anchors .navbar .nav-pills .nav-link {
   padding: 3px 14px 4px;
-  color: #aaa;
+  color: #726d6d;
   line-height: 1.2;
   position: relative;
   border-left: 1px solid #eee;
@@ -664,7 +664,7 @@ body.scrolledMore .alert-criteria p.alert-p {
     display: none;
   }
   body .close-mmenu,
-  body .close-dmenu {
+body .close-dmenu {
     position: absolute;
     top: -78px;
     left: 25px;
@@ -717,7 +717,7 @@ body.scrolledMore .alert-criteria p.alert-p {
     display: none;
   }
   .docs-page .docs-sidebar .docs-top .navbar.navbar-logo .navbar-collapse {
-    background: rgb(56, 0, 61);
+    background: #38003d;
     position: fixed;
     top: 86px;
     left: 0;
diff --git a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
index 85ea8092b9..4575d96c1f 100644
--- a/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
+++ b/modules/docs/src/Volo.Docs.Web/Pages/Documents/Shared/Styles/vs.scss
@@ -464,7 +464,7 @@ body {
                 color: #3e9fcb;
 
                 .text-muted {
-                    color: rgb(11 22 33 / 30%) !important;
+                    color: rgb(11 22 33 / 60%) !important;
                 }
 
                 &:hover {
@@ -719,7 +719,7 @@ body {
 
                     .nav-link {
                         padding: 3px 14px 4px;
-                        color: #aaa;
+                        color: #726d6d;
                         line-height: 1.2;
                         position: relative;
                         border-left: 1px solid #eee;