diff --git a/site/sass/index.scss b/site/sass/index.scss
index 600e3a6..819a8e8 100644
--- a/site/sass/index.scss
+++ b/site/sass/index.scss
@@ -1,16 +1,32 @@
 body {
   font-family: sans-serif;
   margin: 0;
+  background-color: var(--bg-color);
+  color: var(--text-color);
+  height: 100vh;
+
+  --bg-color: #eee;
+  --text-color: black;
+  --accent-color: #0ad;
+  --accent-text-color: var(--text-color);
+
+  @media (prefers-color-scheme: dark) {
+    --bg-color: #333;
+    --text-color: #aaa;
+    --accent-text-color: var(--bg-color);
+  }
 }
 
 header.main-header {
   display: block;
   padding: 4px;
-  background-color: #0ad;
+  background-color: var(--accent-color);
+  color: var(--accent-text-color);
 }
 
 a {
   text-decoration: none;
+  color: var(--accent-color);
 
   &:hover,
   &:focus {