css: Add colour variables for anchor elements

Currently we use the default colour for these. In preparation for
prefers-color-scheme, add two variables containing the default colours
for normal and visited anchors.

1 files changed, 10 insertions, 0 deletions

diff --git a/scss/style.scss b/scss/style.scss
index 2e7df1f..a190987 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -11,6 +11,8 @@
 	--fg-color: black;
 	--fg-color-canary: #191900;
 	--fg-color-mute: #5a5a5a;
+	--fg-href: #0000ee;
+	--fg-href-visited: #551a8b;
 
 	--bg-color: white;
 	--bg-color-canary: #ffffc3;
@@ -20,6 +22,14 @@
 	--border-color-dark: darkgrey;
 }
 
+a {
+	color: var(--fg-href);
+}
+
+a:visited {
+	color: var(--fg-href-visited);
+}
+
 body {
 	background-color: var(--bg-color);
 	color: var(--fg-color);