From ac8fd84f41d3364c5f63999279e7d385a0a538a2 Mon Sep 17 00:00:00 2001
From: Bernie Innocenti <bernie@codewiz.org>
Date: Mon, 14 Aug 2023 03:56:01 -0700
Subject: [PATCH] Add dark style

---
 sys/geekigeeki.css | 52 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 42 insertions(+), 10 deletions(-)

diff --git a/sys/geekigeeki.css b/sys/geekigeeki.css
index 12d02ea..46fa7be 100644
--- a/sys/geekigeeki.css
+++ b/sys/geekigeeki.css
@@ -1,7 +1,4 @@
-/*
- * Author: Gerardo Poggiali <g.poggiali@develer.com>
- * Author: Bernie Innocenti <bernie@codewiz.org>
- */
+/* Author: Bernie Innocenti <bernie@codewiz.org> */
 
 body {
 	font-family: sans-serif;
@@ -149,7 +146,7 @@ div.nav {
 	background-color: #aaccee;*/
 	border-color: #888888;
 	background-color: #cccccc;
-	border-style: solid
+	border-style: solid;
 	border-top-width: 0px;
 	border-bottom-width: 2px;
 	border-left-width: 0px;
@@ -379,11 +376,11 @@ div .innerthumb {
 
 /* Styles for search word highlighting */
 @media screen {
- .searchword0 { background: #ff9 }
- .searchword1 { background: #cfc }
- .searchword2 { background: #cff }
- .searchword3 { background: #ccf }
- .searchword4 { background: #fcf }
+  .searchword0 { background: #ff9 }
+  .searchword1 { background: #cfc }
+  .searchword2 { background: #cff }
+  .searchword3 { background: #ccf }
+  .searchword4 { background: #fcf }
 }
 
 @media print {
@@ -403,3 +400,38 @@ div .innerthumb {
 	.noprint { display: none; }
 	div.wiki { font-size: smaller; }
 }
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #181818;
+    color: #ffffff;
+  }
+
+  a { color: #9bd1ff; }
+  a:visited { color: #9b669b; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #bb6666; }
+
+  div.nav {
+    border-color: #606060;
+    background-color: #303030;
+  }
+
+  body {
+    background-color: #181818;
+    color: #FFFFFF;
+  }
+
+  a { color: #9Bd1ff; }
+  a:visited { color: #778899; }
+  a.nonexistent { color: #f0d0d0; }
+  a.navlink { color: #d1d1ff; }
+  a.login { color: #bb6666; }
+  a.heading { text-decoration: none; color: #666666; font-size: smaller; }
+
+  div.nav {
+    border-color: #606060;
+    background-color: #303030;
+  }
+}
-- 
2.25.1