fix(react-link): use colorBrandForegroundInverted for inverted#35681
Merged
mainframev merged 2 commits intomicrosoft:masterfrom Jan 21, 2026
Merged
fix(react-link): use colorBrandForegroundInverted for inverted#35681mainframev merged 2 commits intomicrosoft:masterfrom
mainframev merged 2 commits intomicrosoft:masterfrom
Conversation
📊 Bundle size reportUnchanged fixtures
|
|
Pull request demo site: URL |
mainframev
commented
Jan 20, 2026
packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts
Show resolved
Hide resolved
1c84954 to
48d4398
Compare
f494efb to
308d2aa
Compare
mainframev
commented
Jan 21, 2026
308d2aa to
8f6977a
Compare
dmytrokirpa
approved these changes
Jan 21, 2026
8f6977a to
96e8a41
Compare
Contributor
Author
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.



In #35403, we aligned the Figma specs with the Link brand and inverted appearances. At the time, Figma was missing the inverted variant, while the code lacked the onBrand appearance. Although these gaps were aligned, the tokens proposed in the spec were incorrect, which introduced a regression in the Toast inverted appearance.
This change fixes that regression by ensuring Toast continues to use brand colors for its inverted appearance. At the same time, the problem spotted in #34911 should use "brand" value in
BackgroundAppearanceProvider, so correct Link tokens applied.Link design spec inverted variant should be updated to reflect the code change
Previous Behavior
Old issue with HC
New Behavior
Reverts Toast back to 9.66 before #34955 and #35403
Related Issue(s)
colorBrandForegroundInvertedtokens not visible on inverted background in teams high contrast mode #28400, [Bug]: ToastTitle link regression, wrong color is used #35341, [Bug]: Link doesn't work with BackgroundAppearanceProvider #34911