ModuleTabs: Active tab and toolbar color mismatch

[inforrpunay]

Describe the bug Previously, we reported this issue where the background color for active and inactive tabs are the same when you use a color other than the default. This has been resolved but we noticed that there is now a difference in the background color of the active tab and the background color of the header inside that tab.

To Reproduce

Steps to reproduce the behavior:

1. Go to 'https://design.infor.com/code/ids-enterprise/4.63.0/demo/components/tabs-module/example-index.html?colors=0066D4'
2. Observe that the active tab "New Tab Builder" is now brighter compared to the other tabs that are inactive.
3. Observe also that "Module Tabs" matches the background color of the inactive tabs instead of the active tab which is not what we expect.

Expected behavior We are expecting the same color scheme as this sample from 4.52.0 where the background color of that active tab and header inside that tab are the same.

Version

• ids-enterprise: 4.63.0

Screenshots If applicable, add screenshots to help explain your problem.

Platform

• OS Version: Windows 10
• Browser Name: Chrome
• Browser Version: 98.0.4758.102 (Official Build) (64-bit)

Additional context Add any other context about the problem here.

[EdwardCoyle]

Just to clarify, the colors between modes and the default personalization schemes seem to be inconsistent. Using https://main-enterprise.demo.design.infor.com/components/tabs-module/example-index.html at v4.65.1 as an example:

• Light mode in both new/classic: Seems to be fine (active tab matches the header color)
• Dark mode in both new/classic: No difference between active/inactive tabs
• High-contrast mode in both new/classic: It's a bit tough to tell that the active tab is active because it's darker, but it's possible this is for meeting contrast requirements... still may not be right
• Personalized colors in both new/classic: The "active" tab is brighter than the page headers. This is especially noticeable when you compare "Azure" to the default Light mode colors, which should be the same but currently appear different.

Seems like dark/contrast themes need adjusting, as well as the personalization rules for Module Tabs colors, to ensure everything matches. Some cleanup of the personalization styles couldn't hurt (although the order the rules are in here potentially matters):

• regular personalization colors code
• "More" tab code
• More module tabs customization code

[janahintal]

QA Passed. Verified in https://main-enterprise.demo.design.infor.com/components/tabs-module/example-index.html#order-entry thanks!