From 5fea996cc2935c36cc1962bb0652d3514a99f350 Mon Sep 17 00:00:00 2001
From: Kieran O'Neill <kieran.oneill@pm.me>
Date: Tue, 28 Nov 2023 13:18:22 +0200
Subject: [PATCH] feat: enforce light primary color on footer links (#10)

---
 docusaurus.config.js                     |  7 +------
 src/components/Header/styles.module.scss |  4 ++++
 src/styles/footer.scss                   |  2 +-
 src/styles/global.scss                   | 11 +++++++++++
 4 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/docusaurus.config.js b/docusaurus.config.js
index f5c67e9..19900be 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -138,12 +138,7 @@ const config = {
       footer: {
         copyright: `
 <div class="footer-container">
-    <p class="footer-text">
-        Licensed under <a href="${GITHUB_LINK}/blob/main/LICENSE" target="_blank">GPL-2.0</a>.
-    </p>
-    <p class="footer-text">
-        Icons provided by <a href="https://www.flaticon.com/" target="_blank">flaticon</a>.
-    </p>
+    <p class="footer-text">Licensed under <a class="footer-text--link" href="${GITHUB_LINK}/blob/main/LICENSE" target="_blank">GPL-2.0</a>. Icons provided by <a class="footer-text--link" href="https://www.flaticon.com/" target="_blank">flaticon</a>.</p>
 </div>
         `,
         logo: {
diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss
index 524ff9d..39f31ed 100644
--- a/src/components/Header/styles.module.scss
+++ b/src/components/Header/styles.module.scss
@@ -51,6 +51,10 @@
     line-height: 1rem;
     padding: 0.25rem;
     margin: 0;
+
+    a {
+      color: primary-color("light");
+    }
   }
 
   &--subtitle {
diff --git a/src/styles/footer.scss b/src/styles/footer.scss
index 57dc6dd..8bf0b16 100644
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -12,7 +12,7 @@
   color: text-color("dark");
   margin: 0;
 
-  a {
+  &--link {
     color: primary-color("light");
   }
 }
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 6c59dc4..98addf4 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -1,3 +1,5 @@
+@import "./functions";
+
 @font-face {
   font-family: 'AnonymousPro';
   font-style: normal;
@@ -62,3 +64,12 @@
   --kb-sub-text-color: #718096;
   --kb-text-color: rgba(255, 255, 255, 0.92);
 }
+
+/* overrides */
+.footer {
+  &__link-item {
+    &:hover {
+      color: primary-color("light");
+    }
+  }
+}