adds dark mode (infopage only currently)

2024-01-25 16:24:11 -06:00 · 2024-01-25 16:24:11 -06:00 · 37ca98ad30
parent e6dc4475e6
commit 37ca98ad30
1 changed files with 18 additions and 1 deletions
--- 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>
  </head>
-  <body style="font-family: sans-serif; background-color: #f0f0f0; padding: 1em;">
+  <body>
    ${headerHtml}
    <hr />
    <h2>Service Info</h2>