diff --git a/assets/css/codeberg-docs.css b/assets/css/codeberg-docs.css
index ab5b070..d87d948 100644
--- a/assets/css/codeberg-docs.css
+++ b/assets/css/codeberg-docs.css
@@ -120,4 +120,32 @@ footer { background: #f5f5f5; text-align: center; font-size: 8pt; padding: 15px;
 @keyframes fadeOverlay {
     from { opacity: 0; }
     to { opacity: 1; }
-}
\ No newline at end of file
+}
+
+@media (prefers-color-scheme: dark) {
+    #logo-heading { color: #94cddc; }
+    html, body { background-color: #373B49; color: #9ba8bb; }
+
+    footer { background: #0b0b0b; color: #bbb; }
+    footer a { color: #36aaff; }
+    footer a:visited { color: #86afcc; }
+
+    .action-buttons a { color: #9cd9e8; }
+
+    :link { color: #449ddc; }
+    :visited { color: #5d8499; }
+    :link:active, :visited:active { color: #828f55; }
+
+    code, pre { color: #9eaa96 !important; }
+
+    article h1 { color: #c6cfee; text-decoration: underline; }
+    article h2, article h3, article h4, article h5 { color: #c6cfee; }
+    article code { background: #2e3440; color: #9eaa96; }
+    article hr { border: 1px solid #91bbdb; }
+    article blockquote, article pre { background: #21242d; border-left: 5px solid #355379; color: #7f8a95; }
+
+    #sidebar { background: #2c303c; color: #879cb3; }
+    #sidebar nav a { color: #8aa9b9; }
+    #sidebar .nav-section a { background: #304862; font-size: 12pt; }
+    #sidebar .nav-section:hover a, #sidebar .nav-section.active a { background: #20374f; }
+}