fix: color and background hover in HeaderBar module

Talend · Dec 19, 2023 · d479c75 · d479c75
1 parent 3ecce32
commit d479c75
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/long-bobcats-allow.md b/.changeset/long-bobcats-allow.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: header bar help link style in qlik-light mode
diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss
@@ -47,11 +47,11 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	:global {
 		.tc-dropdown-button,
 		.btn-link {
-			color: tokens.$coral-color-brand-text;
+			color: tokens.$coral-color-brand-text !important;
 			&:hover,
 			&:focus {
-				color: tokens.$coral-color-brand-text;
-				background: tokens.$coral-color-brand-background-weak-hover;
+				color: tokens.$coral-color-brand-text !important;
+				background: tokens.$coral-color-brand-background-weak-hover !important;
 			}
 		}
 	}