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);
 }
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);
 }
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 {
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);
 }