From 4b9af5693550ebac1e1beccae2dbb24781a17e65 Mon Sep 17 00:00:00 2001
From: Zoey <z@zoey.dev>
Date: Thu, 19 Aug 2021 14:26:26 -0700
Subject: [PATCH] Add dark theme to site

---
 site/sass/index.scss | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

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 {