From 75ec1e9158beacdc4aad9a30ecc5181be1eb71b8 Mon Sep 17 00:00:00 2001
From: ch0ccyra1n <ch0ccyra1n@riseup.net>
Date: Wed, 27 Mar 2024 16:26:18 -0700
Subject: [PATCH] new, more accessible color scheme

---
 layouts/partials/footer.html                  |  5 ++-
 .../static/css/style.css                      | 34 +++++++++++++------
 2 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 6600eba..2d8d6a3 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -33,8 +33,7 @@
 <p class="h-card vcard">
   <img style="display: inline; width: 100px;" class="u-photo" src="/images/profile.png" alt="a cat with a wide-eyed stare" /> 
    <a style="text-decoration: none" href={{ .Site.BaseURL }} class="p-name u-url url author metatag" rel="me"> {{ .Site.Author.name }}'s website </a> 
-   <a class="p-nickname u-email email metatag" rel="me" href="mailto:{{ .Site.Author.email }}"> {{ .Site.Author.nick }} </a> 
+   <a class="p-nickname u-email email metatag" rel="me" href="mailto:{{ .Site.Author.email }}"> {{ .Site.Author.email }} </a> 
 </p>
-<br>
-<p>Copyright (c) {{ now.Format "2006"}} ch0ccyra1n</p>
+<p>Copyright (c) {{ now.Format "2006"}} ch0ccyra1n | Colors brought to you by <a href="https://randoma11y.com/">randoma11y</a>.</p>
 <script src="/webmention.min.js" async></script>
diff --git a/themes/ch0ccy-in-the-nineties/static/css/style.css b/themes/ch0ccy-in-the-nineties/static/css/style.css
index 97e7f9f..05a09d5 100644
--- a/themes/ch0ccy-in-the-nineties/static/css/style.css
+++ b/themes/ch0ccy-in-the-nineties/static/css/style.css
@@ -1,6 +1,26 @@
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #030319;
+    color: #c107f9;
+  }
+
+  a {
+    color: #c107f9;
+  }
+}
+
+@media (prefers-color-scheme: light) {
+  body {
+    background-color: #b508b4;
+    color: #fafdfc;
+  }
+
+  a {
+    color: #fafdfc;
+  }
+}
+
 body {
-    background-color: black;
-    color: silver;
     font-size: 125%;  
     line-height: 1.5;  
     margin: 0 auto;
@@ -11,14 +31,6 @@ img {
     height: auto;
 }
 
-a {
-    color: red;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    color: yellow;
-}
-
 #content {
     margin-left: 160px;
     padding: 0px 10px;
@@ -59,4 +71,4 @@ h1, h2, h3, h4, h5, h6 {
 .badge{
     display: inline;
     text-decoration: none;
-}
\ No newline at end of file
+}