diff --git a/index.html b/index.html
index eef9ee938a525c6d35c5e2864cf2b3609ea17e12..5acfebbee334e3f1d9fb93681013d2884546b62b 100644
--- a/index.html
+++ b/index.html
@@ -218,6 +218,25 @@
         background-color: rgb(217, 243, 220);
         color: rgb(1, 71, 7);
       }
+
+      @media (prefers-color-scheme: dark) {
+      body {
+        background-color: #1e1e2e;
+        color: #cdd6f4;
+      }
+      h1 {
+        color: #eba0ac;
+      }
+      a.block-link, footer {
+        background-color: #181825;
+      }
+      a.block-link:hover, a.block-link:active {
+        background-color: #11111b;
+      }
+      a, a.block-link h1, a.block-link h2 {
+        color: #89b4fa;
+      }
+    }
     </style>
   </head>
   <body>