1 files changed, 39 insertions, 5 deletions
diff --git a/tests/resources/assets/style.css b/tests/resources/assets/style.css
index f2cad9d..6a5a4e2 100644
--- a/tests/resources/assets/style.css
+++ b/tests/resources/assets/style.css
@@ -1,3 +1,37 @@
+:root {
+  --color: black;
+  --background-color: white;
+  --hover-color: hsl(0, 0%, 93%);
+  --nav-color: hsl(0, 0%, 87%);
+}
+
+@media(prefers-color-scheme: dark) {
+  :root {
+    --color: white;
+    --background-color: black;
+    --hover-color: hsl(0, 0%, 7%);
+    --nav-color: hsl(0, 0%, 13%);
+  }
+
+  body {
+    color: var(--color);
+    background-color: var(--background-color);
+  }
+
+  a {
+    color: hsl(211, 100%, 60%);
+  }
+
+  a:visited {
+    color: hsl(242, 100%, 80%);
+  }
+
+  .logo {
+    color: white;
+
+  }
+}
+
 body {
   font-family: monospace;
   max-width: 1100px;
@@ -34,19 +68,19 @@ nav li {
   margin-left: 10px;
 }
 
-nav a {
+nav a, nav a:visited {
   padding: 2px 8px 0px 8px;
-  color: black;
+  color: var(--color);
 }
 
 .selected-nav-item {
-  background-color: hsl(0, 0%, 87%);
+  background-color: var(--nav-color);
 }
 
 hr {
   margin-top: 0;
   border: 0;
-  border-top: 3px solid hsl(0, 0%, 87%);
+  border-top: 3px solid var(--nav-color);
 }
 
 table {
@@ -58,7 +92,7 @@ th {
 }
 
 tbody tr:hover {
-  background-color: hsl(0, 0%, 93%);
+  background-color: var(--hover-color);
 }
 
 td {