Header: Primary Buttons on a toolbar in a header not styling correctly

[Sovia]

Describe the bug The "btn-primary" is not styling a button in a toolbar in a header. For just a btn-primary in a flex toolbar, the buttons appear as filled in blue buttons:

However, if this toolbar is inside of a header, then the styling is not added to the buttons:

It would be nice if there was primary stylings on the buttons in the header toolbar, and that they would work nicely when the color is personalized on the header as well.

Also, the icon only button icon seems to be a gray icon instead of a white icon.

Steps to reproduce the behavior:

1. Copy test-toolbar-primary-buttons.zip into the codebase /app/views/components/header
2. Navigate to /components/header/test-toolbar-primary-buttons.html in the web browser
3. See error

Use Case

• up to developer but for actions to stand out such as approve or reject

Questions

• what do with colors (could make it white instead or opposite contrast color
• fix all primary button types

Expected behavior There is correct primary button styling on the buttons with btn-primary.

Version

• ids-enterprise: 4.95.0

Platform

• Infor Application/Team Name: Landmark UI
• All devices and platforms