From 54c39cc9b4463b94d319d7a47796ffdd0b628120 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Thu, 19 Jan 2023 00:40:12 +0100
Subject: [PATCH] feat: update styling of SiteFooter component

---
 src/components/SiteFooter.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

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>