From 3b5d15ba28b466810fbc71062409e11b60aa9bb9 Mon Sep 17 00:00:00 2001
From: supersonic <supersonic@noreply.example.org>
Date: Fri, 13 Jan 2023 19:10:40 +0100
Subject: [PATCH] Update 'style.css'

---
 style.css | 94 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 94 insertions(+)

diff --git a/style.css b/style.css
index ed91fa6..5138b57 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,5 @@
+@media (prefers-color-scheme: light) {
+
 /* Based on werc.cat-v.org, suckless.org and garbe.us */
 
 /* General */
@@ -85,3 +87,95 @@ hr { border-width: 0 0 0.1em 0; border-color: #666; }
 
 code, pre { font-size: 1.1em }
 pre { margin-left: 2em; }
+}
+
+@media (prefers-color-scheme: dark) {
+/* General */
+body {
+	color: #aaa;
+	font-family: sans-serif;
+	font-size: 80%;
+	margin: 0;
+	padding: 0;
+  background-color: #1c1c1c
+}
+
+/* Header */
+.header { background-color: #111; border: 0; color: #aaa;}
+.header a { border: 0; color: #fff; text-decoration: none; }
+.midHeader img { color: #aaa; border: 0; }
+
+.headerTitle { font-size: 1.6em; font-weight: bold; margin: 0 0 0 0.5em; padding: 0.5em; }
+.headerTitle a { border: 0; text-decoration: none; color: #aaa; }
+
+.headerSubtitle { font-size: 0.6em; font-weight: normal; margin-left: 1em; }
+
+/* Side */
+#side-bar {
+        color: #aaa;
+	width: 100%;
+	clear: both;
+	border: 0;
+	margin: 0;
+	padding: 0;
+	background-color: #2c2c2c;
+}
+
+#side-bar ul {
+        color: #aaa;
+	margin: 0;
+	padding: 0.3em;
+	list-style-type: none;
+	list-style-image: none;
+	border: 0;
+}
+
+#side-bar li { color: #aaa; display: inline; line-height: 1.6em; white-space: nowrap; }
+
+#side-bar ul li a {
+	margin: 0;
+	padding: 0.1em 1ex 0.1em 1ex;
+	color: #336699;
+	background-color: transparent;
+	text-decoration: none;
+	font-size: 1em;
+	border: 0;
+}
+
+#side-bar ul li a:hover { color: #fff; text-decoration: none; }
+ 
+/* Main Copy */
+#main {
+	max-width: 70em;
+	color: #aaa;
+	margin: 0 auto 0 2em;
+	padding: 1em 3em 2em 1em;
+	border: 0;
+}
+
+#main a { color: #336699; text-decoration: none; }
+#main a:hover { color: #aaa; text-decoration: underline; }
+#main h1, #main-copy h2 { color: #fff; }
+#main ul { list-style-type: square; }
+
+/* Footer */
+#footer {
+	background-color: #2c2c2c;
+	color: #aaa;
+	font-size: 91%;
+	padding: 2em;
+	clear: both;
+}
+
+#footer .left { text-align: left; float: left; clear: left; color: #aaa;}
+#footer .right { text-align: right; color: #fff; }
+#footer a { color: #fff; text-decoration: none; }
+#footer a:hover { color: #aaa; text-decoration: underline; }
+
+abbr, acronym { border-bottom: 1px dotted #aaa; cursor: help; }
+blockquote { color: #aaa; border-left: 4px solid #f8f8f8; padding: 1em; }
+hr { border-width: 0 0 0.1em 0; border-color: #666; }
+
+code, pre { font-size: 1.1em; color: #aaa;}
+pre { margin-left: 2em; color: #aaa;}
+}
\ No newline at end of file