add prefers-color-scheme: dark support

pick colors
style appropriate elements

style/style.css

@@ -9,6 +9,7 @@
 }
 
 :root {
+	--text-color: #0C0C0C;
 	--background-color: #ffe9e3;
 	--body-background-color: #ffcccc;
 	--scroll-gutter: #eb76ff88;
@@ -42,6 +43,35 @@ body {
 	align-items: end;
 	align-content: center;
 	overflow: hidden;
+	color: var(--text-color);
+}
+
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--background-color: #29274c;
+		--body-background-color: #0d0c1d;
+		--text-color: #f1dac4;
+		--scroll-bar: #474973;
+		--scroll-gutter: #a69cac;
+		--link-color: #4cc9f0;
+		--link-hover: #f72585;
+		--link-visited: #4cc9f0;
+		--border-color: #474973;
+	}
+
+	body {
+		background-color: var(--body-background-color);
+		background-image: url("../img/site/assets/stardust.png");
+	}
+
+	.status .statuslol_content p {
+		color: var(--text-color);
+	}
+
+	.status .statuslol_content .statuslol_time a {
+		color: var(--link-color) !important;
+	}
 }
 
 h1, h2, h3, h4, h5, h6, p, ul, figcaption, details {