diff --git a/public/index.html b/public/index.html
index 3932ee6..f9c0c5c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,4 +1,24 @@
-<pre><code>
+<html>
+  <head>
+    <style>
+      @media (prefers-color-scheme: dark) {
+        body {
+          background-color: #222;
+          color: #aaa;
+        }
+      }
+      body {
+        background-color: #222;
+        color: #aaa;
+      }
+      .container {
+        padding: 2em;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <pre><code>
 <h1>Tokens for Testing</h1>
 Compatible with
 
@@ -113,3 +133,6 @@ You shouldn't use it for automated testing, because it will change, but it looks
   }
 
 </code></pre>
+    </div>
+  </body>
+</html>
