feat: enforce light primary color on footer links (#10)

kibis-is · Nov 28, 2023 · 5fea996 · 5fea996
1 parent d183a46
commit 5fea996
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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");
+    }
+  }
+}