diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 204290d..4a0e32c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -13,8 +13,19 @@
         <style>
             :root {
                 --text: black;
+                --link: #333;
                 --background: white;
             }
+            @media (prefers-color-scheme:dark) {
+                :root {
+                    --text: white;
+                    --link: #aaa;
+                    --background: #111;
+                }
+            }
+            html {
+                background: var(--background);
+            }
             body {
                 font-family: "Inter Variable", "Inter", sans-serif;
                 max-width: 35em;
@@ -39,6 +50,9 @@
             nav > * {
                 display: flex; /* Flexbox fixes everything! */
             }
+            a {
+                color: var(--link)
+            }
         </style>
     </head>
     <body>
