aboutsummaryrefslogtreecommitdiffstats
path: root/docs
diff options
context:
space:
mode:
authorGravatar Nick Brassel <nick@tzarc.org>2020-03-12 18:17:47 +1100
committerGravatar GitHub <noreply@github.com>2020-03-12 18:17:47 +1100
commit1b267d48405b6e24fbb197cf27f9e42264c66598 (patch)
treee64ad264f1c379a1e07e1a92c05b0e3f00c87e95 /docs
parent32d03eef902a1ac9cec53804dcb72ace5c585960 (diff)
downloadqmk_firmware-1b267d48405b6e24fbb197cf27f9e42264c66598.tar.gz
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 4351ce1dd..ec92de495 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 000000000..a7feb159c
--- /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 07b26ecec..07b26ecec 100644
--- a/docs/sidebar.css
+++ b/docs/qmk_custom_light.css