diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md index 8f79d5d6ed14c..2bedc240fc3b7 100644 --- a/packages/fluentui/CHANGELOG.md +++ b/packages/fluentui/CHANGELOG.md @@ -39,6 +39,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm - Fix `Alert` components to properly pass ref to root slots @chpalac ([#20582](https://github.com/microsoft/fluentui/pull/20582)) - Fix `Avatar` Components to properly pass ref to root slots @chpalac ([#20588](https://github.com/microsoft/fluentui/pull/20588)) - Fix `ButtonGroup` comoponent to properly pass ref to root slots @chpalac ([#20595](https://github.com/microsoft/fluentui/pull/20595)) +- Fix color of `Dropdown` checkable indicator on hover in high contrast theme @annabratseiko ([#20621](https://github.com/microsoft/fluentui/pull/20621)) ### Features - Adding `ViewPersonSparkleIcon`, `CartIcon`, and fixing `EmojiAddIcon` and `AccessibilityIcon` - @notandrew ([#20054](https://github.com/microsoft/fluentui/pull/20054)) diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/Dropdown/dropdownItemStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/components/Dropdown/dropdownItemStyles.ts index a1004bb311e4d..dc30cc1d3b3c7 100644 --- a/packages/fluentui/react-northstar/src/themes/teams/components/Dropdown/dropdownItemStyles.ts +++ b/packages/fluentui/react-northstar/src/themes/teams/components/Dropdown/dropdownItemStyles.ts @@ -69,8 +69,11 @@ export const dropdownItemStyles: ComponentSlotStylesPrepared ({ + checkableIndicator: ({ props: p, variables: v }) => ({ backgroundImage: checkableIndicatorUrl(v.listItemSelectedColor), + ...(p.active && { + backgroundImage: checkableIndicatorUrl(v.listItemColorHover), + }), backgroundPosition: 'center', backgroundRepeat: 'no-repeat', position: 'absolute',