diff --git a/common/changes/phkuo-semanticMenus_2017-05-02-22-02.json b/common/changes/phkuo-semanticMenus_2017-05-02-22-02.json new file mode 100644 index 00000000000000..7639f1d1b7d41e --- /dev/null +++ b/common/changes/phkuo-semanticMenus_2017-05-02-22-02.json @@ -0,0 +1,10 @@ +{ + "changes": [ + { + "packageName": "office-ui-fabric-react", + "comment": "ContextMenu: fix a potential bug. All foreground colors need to be slots in the same category because the category has its own background color, in order to insure accessibility.", + "type": "patch" + } + ], + "email": "phkuo@microsoft.com" +} \ No newline at end of file diff --git a/packages/office-ui-fabric-react/src/common/_semanticColorVariables.scss b/packages/office-ui-fabric-react/src/common/_semanticColorVariables.scss index 194e6e56ae6b2d..e27af68a39a7ac 100644 --- a/packages/office-ui-fabric-react/src/common/_semanticColorVariables.scss +++ b/packages/office-ui-fabric-react/src/common/_semanticColorVariables.scss @@ -77,6 +77,7 @@ $menuBackgroundSelectedColor: $ms-color-neutralQuaternaryAlt; $menuTextColor: $ms-color-neutralPrimary; $menuTextSelectedColor: $ms-color-black; +$menuTextDisabledColor: $ms-color-neutralTertiaryAlt; $menuIconColor: $ms-color-themePrimary; diff --git a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.scss b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.scss index ef961c9540aae5..a00613a3319edb 100644 --- a/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.scss +++ b/packages/office-ui-fabric-react/src/components/ContextualMenu/ContextualMenu.scss @@ -19,7 +19,7 @@ $ContextualMenu-header-color: $menuHeaderColor; $ContextualMenu-divider-color: $menuDividerColor; -$ContextualMenu-text-disabled: $disabledTextColor; +$ContextualMenu-text-disabled: $menuTextDisabledColor; .root { background-color: $ContextualMenu-background-color;