css: Use dark colours when prefers-color-scheme indicates dark mode

1 files changed, 13 insertions, 0 deletions

diff --git a/scss/style.scss b/scss/style.scss
index 2d6c6ce..d5bd770 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -22,6 +22,19 @@
 	--border-color-dark: darkgrey;
 }
 
+@media (prefers-color-scheme: dark) {
+	:root {
+		--fg-color: #f0f0f0;
+		--fg-color-canary: #e9e9f0;
+		--fg-color-mute: #7a7a7a;
+		--fg-href: #6464ff;
+		--fg-href-visited: #9547dd;
+
+		--bg-color: #1c1c1c;
+		--bg-color-canary: #323232;
+	}
+}
+
 a {
 	color: var(--fg-href);
 }