new, more accessible color scheme

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 | Colors brought to you by <a href="https://randoma11y.com/">randoma11y</a>.</p>
-<p>Copyright (c) {{ now.Format "2006"}} ch0ccyra1n</p>
 <script src="/webmention.min.js" async></script>

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;
-}
+}