search

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
https://react.fluentui.dev
Other
18.31k stars 2.72k forks source link

Icons are not visible in high contrast mode #22105

Closed mrgarlap closed 2 years ago

mrgarlap commented 2 years ago

Environment Information

package - "@fluentui/react-northstar": "^0.56.0", browser- chrome & windows 10

Describe the issue:

when using fluent icons in the react component they are not visible in the windows high contrast mode on. (I do not mean Teams high contrast mode)

Actual behavior:

icons are invisible

Expected behavior:

highContrastIcon

icons should be visible

If applicable, please provide a codepen repro:

https://codesandbox.io/s/fluent-ui-example-forked-ctzv23

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? (Yes, No)

Requested priority: (Blocking, High, Normal, Low)

Products/sites affected: (if applicable)

jurokapsiar commented 2 years ago

Pleased use forced colors theme instead of the HC one, see https://github.com/microsoft/fluentui/pull/22027.