media print and prefers-color-scheme: dark

2 files changed, 80 insertions, 6 deletions

diff --git a/sass/css/_colors.scss b/sass/css/_colors.scss
index f1e6a74..c39f3ac 100644
--- a/sass/css/_colors.scss
+++ b/sass/css/_colors.scss
@@ -14,10 +14,10 @@ $l_brand: #b69410;
 
 /* dark theme */
 
-$d_bg0: #000000;
-$d_bg1: #0a0a0f;
-$d_fg0: #e5e9f0;
+$d_bg0: #151515;
+$d_bg1: #33333a;
+$d_fg0: #fefefe;
 $d_fg1: #e5e9f0;
-$d_link_normal: #3f6e90;
-$d_link_hover: #63a9cc;
-$d_link_visited: #9C6992;
+$d_link_normal: #81acc1;
+$d_link_hover: #3f6e90;
+$d_link_visited: #b48ead;
diff --git a/sass/css/main.scss b/sass/css/main.scss
index 5ad547a..88060ac 100644
--- a/sass/css/main.scss
+++ b/sass/css/main.scss
@@ -178,3 +178,77 @@ a:hover.button,
 		padding: 0;
 	}
 }
+
+@media (prefers-color-scheme: dark) {
+	html,
+	body {
+		background-color: $d_bg0;
+	}
+
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	ul,
+	ol,
+	li,
+	p,
+	sup,
+	sub {
+	  	  color: $d_fg0;
+	}
+
+	a {
+		color: $d_link_normal;
+	}
+
+	a:visited {
+		color: $d_link_visited;
+	}
+
+	a:hover {
+		color: $d_link_hover;
+	}
+
+	.brand > a,
+	.brand > a:visited {
+		color: $d_link_hover;
+	}
+
+	.navbar {
+		background-color: $d_bg1;
+	}
+
+	.publish-date {
+		color: $d_fg1;
+	}
+
+	.footnote-definition:first-of-type {
+		border-top: 1px solid $d_fg1;
+	}
+
+	a.button,
+	.paginator a {
+		background-color: $d_link_normal;
+		color: $d_bg0;
+	}
+
+	pre {
+		color: $d_fg0;
+	}
+}
+
+@media print {
+	.navbar,
+	.author-links,
+	.footer-container {
+		display: none;
+	}
+
+	a[href] {
+		text-decoration: none;
+		color: $l_fg0;
+	}
+}