Add dark mode user preference with CSS media query

1 files changed, 23 insertions, 0 deletions

diff --git a/main.go b/main.go
index c13356d..1950c3c 100644
--- a/main.go
+++ b/main.go
@@ -286,6 +286,29 @@ dl dt {
 dl dt:not(:first-child) {
 	margin-top: 0.5rem;
 }
+
+@media(prefers-color-scheme:dark) {
+	html {
+		background-color: #111;
+		color: #eee;
+	}
+
+	blockquote {
+		background-color: #000;
+	}
+
+	pre {
+		background-color: #222;
+	}
+	
+	a {
+		color: #0087BD;
+	}
+
+	a:visited {
+		color: #333399;
+	}
+}
 `
 
 type GemtextContext struct {