Add basic dark-mode support hugo

1 files changed, 21 insertions, 0 deletions

diff --git a/themes/xmin/static/css/style.css b/themes/xmin/static/css/style.css
index efa871e..e605297 100644
--- a/themes/xmin/static/css/style.css
+++ b/themes/xmin/static/css/style.css
@@ -52,3 +52,24 @@ table thead th { border-bottom: 1px solid #ddd; }
 th, td { padding: 5px; }
 thead, tfoot, tr:nth-child(even) { background: #eee; }
 .hl { background-color: #ffc; }
+
+@media (prefers-color-scheme: dark) {
+	body {
+		background-color: #111;
+		color: white;
+	}
+	article > header, nav > ul a {
+		background: #222;
+	}
+	a {
+		color: #C4D4EE;
+	}
+	a:visited {
+		color: #CEDEE0;
+	}
+	code { background-color: #444; }
+	thead, tfoot, tr:nth-child(even) { background: #222; }
+	.hl {
+		background-color: #555;
+	}
+}