summary refs log tree commit diff
path: root/docs
diff options
context:
space:
mode:
authorNick Brassel <nick@tzarc.org>2020-03-12 18:17:47 +1100
committerGitHub <noreply@github.com>2020-03-12 18:17:47 +1100
commit1b267d48405b6e24fbb197cf27f9e42264c66598 (patch)
treee64ad264f1c379a1e07e1a92c05b0e3f00c87e95 /docs
parent32d03eef902a1ac9cec53804dcb72ace5c585960 (diff)
Fix darkmode (#8393)
* Rearrange the custom CSS a bit.

* fix css name

* add missing quote

* Fix up dark mode rendering. (#8392)

* Fix up dark mode rendering.

* Update index.html

* Fix up code blocks

* Fix code in page toc

* Update docs/qmk_custom_dark.css

Co-Authored-By: Ryan <fauxpark@gmail.com>

Co-authored-by: skullY <skullydazed@gmail.com>
Co-authored-by: Ryan <fauxpark@gmail.com>
Diffstat (limited to 'docs')
-rw-r--r--docs/index.html3
-rw-r--r--docs/qmk_custom_dark.css29
-rw-r--r--docs/qmk_custom_light.css (renamed from docs/sidebar.css)0
3 files changed, 31 insertions, 1 deletions
diff --git a/docs/index.html b/docs/index.html
index 4351ce1dd4..ec92de4950 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -16,7 +16,8 @@
   <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css" title="light">
   <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css" media="(prefers-color-scheme: dark)">
   <link rel="stylesheet" href="//unpkg.com/docsify-toc@1.0.0/dist/toc.css">
-  <link rel="stylesheet" href="sidebar.css" />
+  <link rel="stylesheet" href="qmk_custom_light.css">
+  <link rel="stylesheet" href="qmk_custom_dark.css" media="(prefers-color-scheme: dark)">
 </head>
 <body>
   <div id="app"></div>
diff --git a/docs/qmk_custom_dark.css b/docs/qmk_custom_dark.css
new file mode 100644
index 0000000000..a7feb159c8
--- /dev/null
+++ b/docs/qmk_custom_dark.css
@@ -0,0 +1,29 @@
+.sidebar li.active {
+    background-color: #555;
+}
+
+.markdown-section p.tip,
+.markdown-section tr:nth-child(2n) {
+ background-color:#444;
+}
+
+.markdown-section tr {
+    border-top: 1px solid #555;
+}
+
+.markdown-section td, .markdown-section th {
+    border: 1px solid #555;
+}
+
+.markdown-section p.tip code {
+    background-color: #555;
+    color: #fff;
+}
+
+.page_toc code {
+    background-color: #555;
+}
+
+.markdown-section hr, .search {
+    border-bottom: 1px solid #777 !important;
+}
diff --git a/docs/sidebar.css b/docs/qmk_custom_light.css
index 07b26ecec9..07b26ecec9 100644
--- a/docs/sidebar.css
+++ b/docs/qmk_custom_light.css