From 1355a48ab490365679209427b738690bd70438a4 Mon Sep 17 00:00:00 2001
From: Richie Bendall <richiebendall@gmail.com>
Date: Fri, 22 Oct 2021 15:55:53 +1300
Subject: [PATCH] Support dark colour scheme for website

Signed-off-by: Richie Bendall <richiebendall@gmail.com>
---
 index.html |  2 +-
 main.css   | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 44af041..674e385 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
         <div class="share-bar">
           <a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a>
 
-          <div class="share-opt">
+          <div class="share-opt share-github">
             <a href="https://github.com/necolas/normalize.css">
               <img src="github-logo.png" width="28" height="28" alt="GitHub">
             </a>
diff --git a/main.css b/main.css
index 41a08f3..1331a15 100644
--- a/main.css
+++ b/main.css
@@ -204,3 +204,18 @@ p {
     margin: 0 1em 0.5em;
   }
 }
+
+@media screen and (prefers-color-scheme: dark) {
+  html {
+    background: #333;
+    color: #fff;
+  }
+
+  .site-box, .share-bar {
+    background: #222;
+  }
+
+  .share-github {
+    filter: invert(1);
+  }
+}