diff --git a/docs/.vuepress/theme/styles/code.styl b/docs/.vuepress/theme/styles/code.styl
index bc278a2e79..452149f734 100644
--- a/docs/.vuepress/theme/styles/code.styl
+++ b/docs/.vuepress/theme/styles/code.styl
@@ -260,3 +260,8 @@ pre[class*="language-"] {
 .token.inserted {
 	color: green;
 }
+
+@media (prefers-color-scheme: dark)
+  {$contentClass}
+    pre[class*="language-"]
+      border 2px solid #2e3f47 !important
diff --git a/docs/.vuepress/theme/styles/index.styl b/docs/.vuepress/theme/styles/index.styl
index b8adcb0a13..01b1a6753b 100644
--- a/docs/.vuepress/theme/styles/index.styl
+++ b/docs/.vuepress/theme/styles/index.styl
@@ -265,8 +265,6 @@ th, td
 
 @require 'mobile.styl'
 
-
-
 @media (prefers-color-scheme: dark)
   html, body
     color #b3c4cc !important;
@@ -309,3 +307,11 @@ th, td
     .custom-block.tip, div[class*="language-"], .theme-default-content code
       background-color #2d3a41 !important;
       color #b3c4cc !important;
+
+    .panel
+      border 2px solid #2e3f47 !important
+
+    .header
+      .text
+        h1, h2, h3, h4, h5
+          color #fff !important