diff --git a/src/styles/custom-properties/colors.scss b/src/styles/custom-properties/colors.scss
index 2fc3ba0d0..eeaa66b79 100644
--- a/src/styles/custom-properties/colors.scss
+++ b/src/styles/custom-properties/colors.scss
@@ -82,6 +82,14 @@
   --input-disabled-background-color: var(--grey-100);
   --input-disabled-border-color: var(--grey-300);
 
+  // Text renders better in grey than black
+  --text: var(--grey-800);
+  --text-invert: #000;
+  --text-light: var(--grey-300);
+  --text-strong: var(--grey-900);
+  
+  --button-hover-color: var(--grey-900);
+
   &.dark {
     // Light mode colours reversed for dark mode
     --grey-900-hsl: 210, 20%, 98%;
@@ -103,12 +111,6 @@
     --white: var(--grey-50);
     --black-l: 100%;
 
-    // Text renders better in grey than black
-    --text: var(--grey-800);
-    --text-invert: #000;
-    --text-light: var(--grey-300);
-    --text-strong: var(--grey-900);
-
     // Elements that rely on Bulma defaults in light mode but
     // need to be overriden in dark mode
     --input-placeholder-color: hsla(var(--grey-900-hsl), 0.6);