diff --git a/common/changes/office-ui-fabric-react/contextmenu-hc-icon_2018-03-13-22-21.json b/common/changes/office-ui-fabric-react/contextmenu-hc-icon_2018-03-13-22-21.json new file mode 100644 index 0000000000000..8caee72caa064 --- /dev/null +++ b/common/changes/office-ui-fabric-react/contextmenu-hc-icon_2018-03-13-22-21.json @@ -0,0 +1,11 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "ContextualMenu: Improved high contrast support for icons.", + "type": "patch" + } + ], + "packageName": "office-ui-fabric-react", + "email": "lynam.emily@gmail.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.styles.ts b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.styles.ts index 07c886c7a8292..4b5a6fbaecea2 100644 --- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.styles.ts +++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.styles.ts @@ -20,7 +20,12 @@ const getItemHighContrastStyles = memoizeFunction((): IRawStyle => { backgroundColor: 'Highlight', borderColor: 'Highlight', color: 'HighlightText', - MsHighContrastAdjust: 'none' + MsHighContrastAdjust: 'none', + selectors: { + '.ms-ContextualMenu-icon': { + color: 'HighlightText' + } + } } }, }; @@ -128,11 +133,6 @@ export const getMenuItemStyles = memoizeFunction(( }, iconColor: { color: semanticColors.menuIcon, - selectors: { - [HighContrastSelector]: { - color: 'HighlightText', - } - } }, iconDisabled: { color: semanticColors.disabledBodyText,