From e38cf3fa765df8b874b8deb000a19883f41b859f Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 21 Oct 2024 13:58:47 +0200
Subject: [PATCH] Update  -900 colors to theme based var

---
 v2/pink-sb/src/lib/link/_link.scss | 32 ++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/v2/pink-sb/src/lib/link/_link.scss b/v2/pink-sb/src/lib/link/_link.scss
index 9fc072704f..a9845514ab 100644
--- a/v2/pink-sb/src/lib/link/_link.scss
+++ b/v2/pink-sb/src/lib/link/_link.scss
@@ -21,13 +21,17 @@
     }
 
     &.default {
-        color: var(--neutral-900);
-        text-decoration-color: color-mix(in srgb, var(--neutral-900), transparent 60%);
+        color: var(--color-fgcolor-accent-neutral);
+        text-decoration-color: color-mix(
+            in srgb,
+            var(--color-fgcolor-accent-neutral),
+            transparent 60%
+        );
 
         &:hover,
         &:active {
-            color: var(--neutral-900);
-            text-decoration-color: var(--neutral-900);
+            color: var(--color-fgcolor-accent-neutral);
+            text-decoration-color: var(--color-fgcolor-accent-neutral);
         }
         &.disabled {
             pointer-events: none;
@@ -41,12 +45,16 @@
 
     &.muted {
         color: var(--color-fgcolor-neutral-secondary);
-        text-decoration-color: color-mix(in srgb, var(--neutral-900), transparent 60%);
+        text-decoration-color: color-mix(
+            in srgb,
+            var(--color-fgcolor-neutral-secondary),
+            transparent 60%
+        );
 
         &:hover,
         &:active {
-            color: var(--neutral-900);
-            text-decoration-color: var(--neutral-900);
+            color: var(--color-fgcolor-accent-neutral);
+            text-decoration-color: var(--color-fgcolor-accent-neutral);
         }
         &.disabled {
             pointer-events: none;
@@ -63,9 +71,9 @@
 
         &:hover,
         &:active {
-            color: var(--neutral-900);
+            color: var(--color-fgcolor-accent-neutral);
             text-decoration: underline;
-            text-decoration-color: var(--neutral-900);
+            text-decoration-color: var(--color-fgcolor-accent-neutral);
         }
         &.disabled {
             pointer-events: none;
@@ -82,7 +90,11 @@
         &:hover,
         &:active {
             text-decoration: underline;
-            text-decoration-color: color-mix(in srgb, var(--neutral-900), transparent 60%);
+            text-decoration-color: color-mix(
+                in srgb,
+                var(--color-fgcolor-accent-neutral),
+                transparent 60%
+            );
         }
         &.disabled {
             pointer-events: none;