From 68b90ed6dc8c09a6e414be95190f095aac2e727c Mon Sep 17 00:00:00 2001
From: Benjamin <bstadlbauer@posteo.de>
Date: Sat, 4 Feb 2023 10:15:48 +0100
Subject: [PATCH] Implement basic light/dark mode

---
 cv.html | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/cv.html b/cv.html
index a46e5c2..83108dc 100644
--- a/cv.html
+++ b/cv.html
@@ -8,11 +8,17 @@
 	<title>CV Benjamin Stadlbauer</title>
 	<style>
 		:root {
-			--color: #000000;
+			--color-accent-light: #000000;
+			--color-back-light: #ffffff;
+			--color-accent-dark: #ffffff;
+			--color-back-dark: #121212;
+			--color: var(--color-accent-light);
+			--color-back: var(--color-back-light)
 		}
 
 		body {
 			color: var(--color);
+			background-color: var(--color-back);
 		}
 
 		a {
@@ -24,6 +30,20 @@
 		section#conferences span.conference {
 			font-style: italic;
 		}
+
+		@media (prefers-color-scheme: light) {
+			:root {
+				--color: var(--color-accent-light);
+				--color-back: var(--color-back-light);
+			}
+		}
+
+		@media (prefers-color-scheme: dark) {
+			:root {
+				--color: var(--color-accent-dark);
+				--color-back: var(--color-back-dark);
+			}
+		}
 	</style>
 </head>