Fix border colors in docs dark mode (#10277)

Fixes #10266
2026-01-26 05:38:09 -05:00 · 2021-12-03 11:09:47 -05:00
parent a3e127f70f
commit 6a6a525940
2 changed files with 13 additions and 2 deletions
--- 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
--- 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