From 7fadf75ca3193229fd1806978bfc3ba56981b303 Mon Sep 17 00:00:00 2001
From: Oksamies <asko.soisalo@gmail.com>
Date: Thu, 31 Oct 2024 14:58:56 +0200
Subject: [PATCH] Fix footer link colors

---
 .../app/commonComponents/Footer/Footer.css       |  8 ++++++++
 .../src/components/Link/Link.css                 | 16 ++++++++--------
 .../src/newComponents/Link/Link/Link.css         |  4 ++++
 3 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/apps/cyberstorm-remix/app/commonComponents/Footer/Footer.css b/apps/cyberstorm-remix/app/commonComponents/Footer/Footer.css
index 28ccc24a7..ce50f14e2 100644
--- a/apps/cyberstorm-remix/app/commonComponents/Footer/Footer.css
+++ b/apps/cyberstorm-remix/app/commonComponents/Footer/Footer.css
@@ -185,6 +185,11 @@
     color: var(--color-text-accent);
   }
 
+  .project-footer__info {
+    --link-color: var(--color-text-accent);
+    --link-color-hover: var(--color-text-primary);
+  }
+
   @media (width >= calc(63.5rem + 1px)) {
     .project-footer__logoandlinks {
       flex-direction: row;
@@ -238,6 +243,9 @@
 
     .project-footer__footnote {
       padding-block-end: var(--space-32);
+
+      --link-color: var(--color-text-accent);
+      --link-color-hover: var(--color-text-primary);
     }
 
     .project-footer__nav {
diff --git a/packages/cyberstorm-theme/src/components/Link/Link.css b/packages/cyberstorm-theme/src/components/Link/Link.css
index bac9dfb02..63dc4f6bb 100644
--- a/packages/cyberstorm-theme/src/components/Link/Link.css
+++ b/packages/cyberstorm-theme/src/components/Link/Link.css
@@ -2,20 +2,20 @@
   /* VARIANTS DEFAULT STATE */
   .ts-link:where(.ts-variant--primary) {
     --link-color: var(--link-primary-color--default);
+
+    &:where(:hover) {
+      --link-color-hover: var(--link-primary-color--hover);
+    }
   }
 
   .ts-link:where(.ts-variant--cyber) {
     --link-color: var(--link-cyber-color--default);
-  }
-
-  .ts-link:where(.ts-variant--primary):hover {
-    --link-color: var(--link-primary-color--hover);
-  }
 
-  .ts-link:where(.ts-variant--cyber):hover {
-    --link-color: var(--link-cyber-color--hover);
+    &:where(:hover) {
+      --link-color-hover: var(--link-cyber-color--hover);
 
-    text-decoration: underline;
+      text-decoration: underline;
+    }
   }
 
   /* TOKENS */
diff --git a/packages/cyberstorm/src/newComponents/Link/Link/Link.css b/packages/cyberstorm/src/newComponents/Link/Link/Link.css
index c432f23b0..c132f7503 100644
--- a/packages/cyberstorm/src/newComponents/Link/Link/Link.css
+++ b/packages/cyberstorm/src/newComponents/Link/Link/Link.css
@@ -2,5 +2,9 @@
   .ts-link {
     color: var(--link-color);
     text-decoration: none;
+
+    &:hover {
+      color: var(--link-color-hover);
+    }
   }
 }