fix(TMC-4293): fix DS Link token to be info

Talend · Dec 3, 2024 · ee62ea9 · ee62ea9
1 parent 3e9dbbb
commit ee62ea9
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/.changeset/large-baboons-poke.md b/.changeset/large-baboons-poke.md
@@ -0,0 +1,5 @@
+---
+'@talend/design-system': patch
+---
+
+TMC-4293 - Design System link should not be accent/grey while using qlik-light theme
diff --git a/packages/design-system/src/components/Link/Link.module.scss b/packages/design-system/src/components/Link/Link.module.scss
@@ -5,7 +5,7 @@ $icon-alignment-offset-s: -0.0625rem;
 
 .link {
 	font: tokens.$coral-paragraph-m-bold;
-	color: tokens.$coral-color-accent-text;
+	color: tokens.$coral-color-info-text;
 	background: none;
 	border: none;
 	border-bottom-color: currentColor;
@@ -26,18 +26,18 @@ $icon-alignment-offset-s: -0.0625rem;
 	}
 
 	&:hover {
-		color: tokens.$coral-color-accent-text-hover;
+		color: tokens.$coral-color-info-text-hover;
 
 		.link__text {
-			border-bottom-color: tokens.$coral-color-accent-border-hover;
+			border-bottom-color: tokens.$coral-color-info-border-hover;
 		}
 	}
 
 	&:active {
-		color: tokens.$coral-color-accent-text-active;
+		color: tokens.$coral-color-info-text-active;
 
 		.link__text {
-			border-bottom-color: tokens.$coral-color-accent-border-active;
+			border-bottom-color: tokens.$coral-color-info-border-active;
 		}
 	}
 
@@ -54,11 +54,11 @@ $icon-alignment-offset-s: -0.0625rem;
 		color: tokens.$coral-color-neutral-text;
 
 		&:hover {
-			color: tokens.$coral-color-accent-text-hover;
+			color: tokens.$coral-color-info-text-hover;
 		}
 
 		&:active {
-			color: tokens.$coral-color-accent-text-active;
+			color: tokens.$coral-color-info-text-active;
 		}
 	}
 }