When a Toolbar1 button is pressed and it should open a Dropdown2, the button has blue text and a white icon.
See this example: https://codepen.io/chrisdarroch/pen/BmxKKw
The incorrectly styled element state looks like the following:
The button should behave like a typical AUI button: the background should be dark, and the text and icon should be white.
The new color of the opened dropdown was introduced in 7.2.0-beta-2 based on the feedback from the UX team.
According to the pure AUI component, the text is white and the background is color n500:
I think you need to check the custom CSS styles applied to the button.
This button is part of the toolbar. So it has icon has color from aui-buttons.css and the text color comes from toolbar.css
, is the button you're referencing using a pure AUI pattern? Or is it overriding AUI's styles in some way? From memory, those buttons in Jira aren't using the pure AUI pattern...
I've reopened this issue after talking with about the actual problem.