Fix #9: Add dark theme

about/index.html

@@ -63,7 +63,7 @@
     <p>
       Be sure to take a look at our <a href="https://git.exozy.me/exozyme">repositories on exogit</a>, where all the exozyme development action happens. (Or even better, contribute! 😍) And <b>please please please report bugs</b> on our <a href="https://git.exozy.me/exozyme/exozyme/issues">issue tracker</a>. We really appreciate it! We also have an underrated <a href="https://git.exozy.me/exozyme/exozyme/wiki">wiki</a> with tons of useful resources.
     </p>
-    <div style="background:lightgreen;padding:10px;margin:auto;width:360px;text-align:left;">
+    <div style="background:lightgreen;padding:10px;margin:auto;width:360px;text-align:left;color:black;">
       We may have occasional reboots for maintainence and other outages. If exozyme is down for more than 24 hours, please <a href="mailto:help@exozy.me">email us</a>.
     </div>
     <h3>Our server</h3>

about/montage.sh

@@ -6,6 +6,6 @@ for old in *; do
     rsvg-convert "$old" -h 1080 -f svg -o "$new"
 done
 cd ..
-montage icons/*-large.svg -geometry 540x540 -tile 6x6 -border 30 -bordercolor white montage.png
+montage -background none icons/*-large.svg -geometry 540x540 -tile 6x6 -border 30 -bordercolor none montage.png
 convert montage.png -resize 50% montage.webp
 rm icons/*-large.svg

style.css

@@ -1,3 +1,10 @@
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: #111111;
+    color: #cccccc;
+  }
+}
+
 body {
   text-align: center;
   font-family: DejaVu Sans Mono, monospace;