diff --git a/src/info-page.ts b/src/info-page.ts
index 24f2c40..3116992 100644
--- a/src/info-page.ts
+++ b/src/info-page.ts
@@ -61,8 +61,25 @@ export function renderPage(info: ServiceInfo) {
     <meta charset="utf-8" />
     <meta name="robots" content="noindex" />
     <title>${title}</title>
+    <style>
+      body {
+        font-family: sans-serif;
+        background-color: #f0f0f0;
+        padding: 1em;
+      }
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #222;
+          color: #eee;
+        }
+        
+        a:link, a:visited {
+          color: #bbe;
+        }
+      }
+    </style>
   <script nonce="" src="https://assets.evulid.cc/js/evulid-matomo.js"></script><noscript><p><img src="https://mato.evulid.cc/matomo.php?idsite=8&amp;rec=1" style="border:0" alt="" /></p></noscript></head>
-  <body style="font-family: sans-serif; background-color: #f0f0f0; padding: 1em;">
+  <body>
     ${headerHtml}
     <hr />
     <h2>Service Info</h2>
