Symptom
- The color of the items in the Navigation menu of the global header is different than what is setup on Theme Manager > Fine Tune > Module Picker
- When hovered, it also does not follow the color set on Theme Manager > Fine Tune > Module Picker > Background color - hover.
Environment
SAP SuccessFactors HCM
Reproducing the Issue
- Login to instance.
- On the header, click the Drop down menu (Module Picker) to expand the options
- Hover over it.
- It shows a different color from the one setup on Theme Manager -> Fine Tune -> Module Picker -> Background color - hover
Note: It could also be that the background color of the items is different.
Cause
As per Theme Settings: Module Picker:
The term "module picker" is outdated. The "module picker" theme settings were originally used to define colors in the main navigation menu. Now, they're only used for buttons, icons, and search field shown in the page header, but not for dropdown menus opened from the page header.
To change the color of menus in the page header, use the Menus settings.
Resolution
To update the color of the background of the menu items under the Module Picker / Navigation, go to the following section: Theme Manager > Fine Tune > Menus:
Menu item background color - default |
This is the default color of the menu background when the user is not interacting with it. |
Menu item background color - active |
Defines the color of the active selection in the menu. |
Menu Item Background color - hover |
This controls the highlighting color when users place their mouse over a selection but do not click it. |
See Also
Keywords
SAP SuccessFactors, Custom Navigation, Red Highlight, Hover Effect, T8 Environment, Unexpected Color Change, Dropdown List, Mouse Cursor, dropdown, different, module picker, LOD-SF-PLT-THM , KBA , LOD-SF-PLT-THM , Theme Manager Issues , Problem