diff --git a/client/css/style.css b/client/css/style.css
index c5e8baff..a362209d 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -2,6 +2,11 @@
 @import "bootstrap.css";
 @import "../../node_modules/primer-tooltips/build/build.css";
 
+:root {
+	/* Links and link-looking buttons */
+	--link-color: #50a656;
+}
+
 html,
 body {
 	height: 100%;
@@ -29,7 +34,7 @@ body {
 a,
 a:hover,
 a:focus {
-	color: #50a656;
+	color: var(--link-color);
 }
 
 a {
@@ -1398,7 +1403,6 @@ kbd {
 	display: flex;
 	align-items: flex-start;
 	font-weight: bold;
-	color: #222;
 }
 
 #chat .toggle-type-error,
@@ -1417,7 +1421,7 @@ kbd {
 }
 
 #chat .toggle-content .more {
-	color: #50a656;
+	color: var(--link-color);
 	font-weight: normal;
 	margin-left: 10px;
 	flex-shrink: 0;
diff --git a/client/themes/morning.css b/client/themes/morning.css
index b8a59938..c02ca6a3 100644
--- a/client/themes/morning.css
+++ b/client/themes/morning.css
@@ -1,3 +1,7 @@
+:root {
+	--link-color: #428bca;
+}
+
 body {
 	color: #ccc;
 }
@@ -81,10 +85,6 @@ body {
 #chat.colored-nicks .user.color-31 { color: #f2a4eb; }
 #chat.colored-nicks .user.color-32 { color: #85f27d; }
 
-#chat a {
-	color: #428bca;
-}
-
 /* Increase contrast of some IRC colors */
 .irc-fg2 { color: #0074d9; }
 .irc-fg5 { color: #e969a7; }