config.colors.brand unable to override Theme color

[jpgom3z]

Describe the bug

Hi team, I'm customizing a sign-in page using the code editor under Customizations > [BrandName] > Sign-in page. I'm currently just trying to modify the the 'Sign In' button color, overriding the color that is hardcoded in the Theme.

I'm trying to change the colors.brand property in OktaUtil.getSignInWidgetConfig() using an if-else conditional.

When I use Chrome Dev tools, I see that the browser is trying to show the desired color, but there's an '!important' CSS Property taking precedence and enforcing the color in the Theme CSS.

Theme Color:

Reproduction Steps

1. Modify colors.brand property in OktaUtil.getSignInWidgetConfig() in Sign-In page code editor
2. Open Dev Tools in the page and inspect the button
3. Check the background css property.

SDK Versions

Sign-in widget version: ^7

Additional Information

No response