diff --git a/src/docs/modules/index.html b/src/docs/modules/index.html
index b60d7db..9590a68 100644
--- a/src/docs/modules/index.html
+++ b/src/docs/modules/index.html
@@ -4,6 +4,7 @@
 		<title>Modules - Caddy Documentation</title>
 		{{include "/includes/docs-head.html"}}
 		<link rel="stylesheet" href="/resources/css/docs-json.css">
+		<link rel="stylesheet" href="/resources/css/docs-json-dark.css" media="(prefers-color-scheme: dark)">
 		<script src="/resources/js/marked-0.8.0.min.js"></script>
 		<script src="/resources/js/docs-api.js"></script>
 		<script src="/resources/js/module-docs.js"></script>
diff --git a/src/resources/css/docs-json-dark.css b/src/resources/css/docs-json-dark.css
new file mode 100644
index 0000000..b6e409e
--- /dev/null
+++ b/src/resources/css/docs-json-dark.css
@@ -0,0 +1,3 @@
+pre > code.json {
+	background-color: #07212b;
+}
\ No newline at end of file
diff --git a/src/resources/css/docs-json.css b/src/resources/css/docs-json.css
index ae0da31..d246efc 100644
--- a/src/resources/css/docs-json.css
+++ b/src/resources/css/docs-json.css
@@ -24,9 +24,3 @@ article h1 {
 .collapsed {
 	display: none;
 }
-
-@media (prefers-color-scheme: dark) {
-	pre > code.json {
-		background-color: #07212b;
-	}
-}
\ No newline at end of file