From 6a6a52594098f5ee70e6344f4e86b226f0e712c1 Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Fri, 3 Dec 2021 11:09:47 -0500
Subject: [PATCH] Fix border colors in docs dark mode (#10277)

Fixes #10266
---
 docs/.vuepress/theme/styles/code.styl  |  5 +++++
 docs/.vuepress/theme/styles/index.styl | 10 ++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

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