Add dark mode user preference with CSS media query

2020-11-02 06:15:58 +00:00 · 2020-11-02 06:15:58 +00:00 · 1074d434d2
commit 1074d434d2
parent adfe6e92c5
1 changed files with 23 additions and 0 deletions
--- 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 {