commit - bc6e63b1a7aec59b15439e3907792edc6535ed0d
commit + f7ab3328c6293a49bd95e6da6e6b6796c197b808
blob - 89960580cc4f0df812f39dfb87a86c4dbf28cab5
blob + c2d81116b2c7ee1ab8bf609f21d5c0122b7bb733
--- style.css
+++ style.css
@@ -1,10 +1,39 @@
+:root {
+	--color: #000000;
+	--background-color: #FFFFFF;
+	--background-color-alt: #EEEEEE;
+	--link-color: #444444;
+	--link-hover: lightblue;
+	--accent: #F0E68C;
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		--color: #EEEEEE;
+		--background-color: #282A36;
+		--background-color-alt: #243647;
+		--link-color: #8BE9FD;
+		--link-hover: #FFFFA5;
+		--accent: #DB93F9;
+	}
+}
+
 body {
 	font-family: monospace, monospace;
 	margin: auto;
 	padding: 3rem 2rem;
 	max-width: 60ch;
+	color: var(--color);
+	background: var(--background-color);
 }
 
+a {
+	color: var(--link-color);
+}
+
+a:hover {
+	color: var(--link-hover);
+}
+
 p {
 	text-align: justify;
 }
@@ -12,6 +41,7 @@ p {
 h1, h2 {
 	margin: 0;
 	padding: 0;
+	color: var(--color);
 }
 
 h2 {
@@ -25,6 +55,6 @@ ul {
 
 pre {
 	padding: 1.2em 0 0 0;
-	background: #EEE;
-	border-left: 5px solid #666;
+	background: var(--background-color-alt);
+	border-left: 5px solid var(--accent);
 }