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
similarity index 100%
rename from docs/sidebar.css
rename to docs/qmk_custom_light.css