Skip to content

fix(Link): add disabled styles for high contrast mode#36277

Open
smhigley wants to merge 2 commits into
microsoft:masterfrom
smhigley:link-hcm
Open

fix(Link): add disabled styles for high contrast mode#36277
smhigley wants to merge 2 commits into
microsoft:masterfrom
smhigley:link-hcm

Conversation

@smhigley
Copy link
Copy Markdown
Contributor

@smhigley smhigley commented Jun 2, 2026

Previous Behavior

Disabled links have the same color as static text:
screenshot of the Fluent link storybook showing a regular link and disabled link. Both the disabled link and text are white on black.

New Behavior

Disabled links adopt the same color as disabled form controls:
the same screenshot, but now the disabled link is grey instead of white.

Related Issue(s)

@smhigley smhigley requested review from a team and mainframev as code owners June 2, 2026 15:55
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 2, 2026

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.294 MB
325.179 kB
1.295 MB
325.225 kB
349 B
46 B
react-link
Link
14.914 kB
5.939 kB
15.263 kB
6.048 kB
349 B
109 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-breadcrumb
@fluentui/react-breadcrumb - package
102.926 kB
28.76 kB
react-components
react-components: Button, FluentProvider & webLightTheme
66.328 kB
19.02 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
226.19 kB
67.909 kB
react-components
react-components: FluentProvider & webLightTheme
39.525 kB
13.113 kB
react-headless-components-preview
react-headless-components-preview: entire library
198.183 kB
56.549 kB
react-message-bar
MessageBar (all components)
22.306 kB
8.184 kB
react-portal-compat
PortalCompatProvider
5.567 kB
2.237 kB
react-timepicker-compat
TimePicker
104.049 kB
34.748 kB
🤖 This report was generated against 5aadcc91029b7eb20e9f12fcb759e045749f51e7

@github-actions
Copy link
Copy Markdown

github-actions Bot commented Jun 2, 2026

Pull request demo site: URL

@@ -0,0 +1,7 @@
{
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 30718 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content 1 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 404 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.chromium.png 879 Changed
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 907 Changed
vr-tests-react-components/ProgressBar converged 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - Dark Mode.default.chromium.png 102 Changed
vr-tests-react-components/ProgressBar converged.Indeterminate + thickness - High Contrast.default.chromium.png 67 Changed
vr-tests-react-components/TagPicker 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - Dark Mode.disabled input hover.chromium.png 658 Changed
vr-tests-react-components/TagPicker.disabled - High Contrast.disabled input hover.chromium.png 1319 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

There were 3 duplicate changes discarded. Check the build logs for more information.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants