diff --git a/src/components/SiteFooter.vue b/src/components/SiteFooter.vue
index 521aa9c..b86e0c8 100644
--- a/src/components/SiteFooter.vue
+++ b/src/components/SiteFooter.vue
@@ -8,7 +8,8 @@
 
 <style lang="scss">
 .footer {
-  background-color: var(--color-header-bar);
+  background-color: var(--color-footer-background);
+  color: var(--color-footer-text);
   margin: var(--navigation-cutout);
   padding: 1px 0;
 
@@ -18,5 +19,17 @@
     margin: auto;
     padding: var(--textblock-padding);
   }
+
+  a {
+    color: var(--color-footer-link-text);
+    box-shadow: inset 0 calc(var(--link-inset-box-shadow) * -0.125) 0 0
+      var(--color-footer-link-text-underline);
+
+    &:hover {
+      color: var(--color-footer-link-text-hover);
+      box-shadow: inset 0 calc(var(--link-inset-box-shadow) * -1) 0 0
+        var(--color-footer-link-text-underline);
+    }
+  }
 }
 </style>