From cee34f0461370aac107c82a35a0b36e7dece754d Mon Sep 17 00:00:00 2001
From: Rio <791713+rio-codes@users.noreply.github.com>
Date: Tue, 20 Sep 2022 09:08:44 -0700
Subject: [PATCH 1/4] fix: add colors to dark mode css using variables

---
 static/css/colour/dark-mode.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/css/colour/dark-mode.css b/static/css/colour/dark-mode.css
index 386f99d..d7b5f28 100644
--- a/static/css/colour/dark-mode.css
+++ b/static/css/colour/dark-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--white);
     --bright-fg: var(--bright-white);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }

From a1354188abcf27d309f3eab892f5f16ba4290d3b Mon Sep 17 00:00:00 2001
From: Rio <791713+rio-codes@users.noreply.github.com>
Date: Tue, 20 Sep 2022 09:09:31 -0700
Subject: [PATCH 2/4] fix: add colors to light mode css using variables

---
 static/css/colour/light-mode.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/static/css/colour/light-mode.css b/static/css/colour/light-mode.css
index 3ac2827..0e09f14 100644
--- a/static/css/colour/light-mode.css
+++ b/static/css/colour/light-mode.css
@@ -4,4 +4,7 @@
     --bright-bg: var(--bright-black);
     --fg: var(--black);
     --bright-fg: var(--bright-black);
+    --logo-bg: var(--green);
+    --logo-hover: var(--bright-green);
+    --highlight-bg: var(--yellow);
 }

From 1fe927af97026b0eee82af982cd2888b1a78c497 Mon Sep 17 00:00:00 2001
From: Rio <791713+rio-codes@users.noreply.github.com>
Date: Tue, 20 Sep 2022 09:10:40 -0700
Subject: [PATCH 3/4] fix: change hard-coded colors to variables

---
 static/css/typography.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/typography.css b/static/css/typography.css
index 5a2c044..abed6f4 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -163,7 +163,7 @@ strong {
 /* Highlighting */
 ::selection,
 mark {
-    background-color: var(--yellow);
+    background-color: var(--highlight-bg);
     color: var(--bg);
 }
 

From e93ff301909d3652ea33c72b40b10e2feb2d38f2 Mon Sep 17 00:00:00 2001
From: Rio <791713+rio-codes@users.noreply.github.com>
Date: Tue, 20 Sep 2022 09:12:03 -0700
Subject: [PATCH 4/4] fix: change hard-coded colors to variables

---
 static/css/logo.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/css/logo.css b/static/css/logo.css
index be24b86..06aa86c 100644
--- a/static/css/logo.css
+++ b/static/css/logo.css
@@ -11,7 +11,7 @@
 
 .page__logo-inner {
     display: block;
-    background: var(--green);
+    background: var(--logo-bg);
     padding: 0.25rem;
 }
 
@@ -22,7 +22,7 @@ a.page__logo-inner:link, a.page__logo-inner:visited {
 
 a.page__logo-inner:hover,
 a.page__logo-inner:active {
-    background: var(--bright-green);
+    background: var(--logo-hover);
 }
 
 .page__logo-inner:before {