From 9dbe035efe150ab12c70848b6095c4cca0d01c1b Mon Sep 17 00:00:00 2001
From: Konv Suu <2583695112@qq.com>
Date: Mon, 27 Mar 2023 08:11:29 +0800
Subject: [PATCH] style: add dark style for `pre` and `code` (#6382)

---
 site/src/theme/static/highlight.dark.less | 16 ++++++++++++++++
 site/src/theme/static/index.less          |  1 +
 2 files changed, 17 insertions(+)
 create mode 100644 site/src/theme/static/highlight.dark.less

diff --git a/site/src/theme/static/highlight.dark.less b/site/src/theme/static/highlight.dark.less
new file mode 100644
index 000000000..ad1ab49fb
--- /dev/null
+++ b/site/src/theme/static/highlight.dark.less
@@ -0,0 +1,16 @@
+html[data-doc-theme='dark'] {
+  pre code {
+    background: #262626;
+    border-color: #262626;
+  }
+
+  code[class*='language-'],
+  pre[class*='language-'] {
+    color: black;
+  }
+
+  :not(pre) > code[class*='language-'],
+  pre[class*='language-'] {
+    background: #262626;
+  }
+}
diff --git a/site/src/theme/static/index.less b/site/src/theme/static/index.less
index d92aaaaa3..343d461e2 100644
--- a/site/src/theme/static/index.less
+++ b/site/src/theme/static/index.less
@@ -9,6 +9,7 @@
 @import './toc';
 @import './not-found';
 @import './highlight';
+@import './highlight.dark';
 @import './demo';
 @import './icons';
 @import './mock-browser';