Describe the bug

Issue: Only in the high contrast black and white themes, the ToolbarButton does not reflect any changes made to the background-color property. For example in high contrast white theme, when I apply a blue background-color to the ui5-toolbar-button-dmui5v2 element, the button still remains white.

The reason I believe this behaviour is not intended is because I am able to set different colors to the button's background-color in other themes such as Belize, Horizon, and Horizon Dark.

Also, if I increase the toolbar button height, I can see the blue background color revealed underneath (screenshots below in HCW and HCB), so the blue color seems to be rendered underneath the button.

Please let me know if you believe this is a bug in the ToolbarButton behaviour. If this is indeed a bug, would you have an estimated time required to implement a fix?

Thank you very much for your time!
Michelle Hung

Isolated Example

No response

Reproduction steps

1. Add a ToolbarButton to a Toolbar component.
2. Switch to Horizon High Contrast Black or High Contrast Black White theme
3. Using the browser developer tools, select the ToolbarButton component - ui5-toolbar-button-dmui5v2
4. Apply any other color to this element's background-color

You should observe that the background color does not change, and does not match the background-color reflected in the 'computed' tab in the dev tools.

Expected Behaviour

I expected the background-color of the ToolbarButton to be the color I set it to. But instead the button background color remains black in high contrast black theme, and remains white in high contrast white theme.

Screenshots or Videos

No response

UI5 Web Components for React Version

2.13.0

UI5 Web Components Version

2.13.0

Browser

Chrome

Operating System

No response

Additional Context

The reason I am modifying the button background colour is because I am implementing a Toolbar, and my toolbar requires several toggle buttons. There currently does not exist a ToolbarToggleButton, and the Toolbar accepts only ToolbarButton and ToolbarSelect as child components. Thus I am customizing the ToolbarButton to change colour to mimic the behaviour of a toggle button.

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.