You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
Modify colors.brand property in OktaUtil.getSignInWidgetConfig() in Sign-In page code editor
Open Dev Tools in the page and inspect the button
Check the background css property.
SDK Versions
Sign-in widget version: ^7
Additional Information
No response
The text was updated successfully, but these errors were encountered:
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:
![image](https://private-user-images.githubusercontent.com/66924118/341103439-430df9c6-64db-40ec-8e8f-55b77fdbabf7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NjI0NjAsIm5iZiI6MTcyNDU2MjE2MCwicGF0aCI6Ii82NjkyNDExOC8zNDExMDM0MzktNDMwZGY5YzYtNjRkYi00MGVjLThlOGYtNTViNzdmZGJhYmY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDA1MDI0MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFiMWQ1ZWE0ZmM4NTQxZDE1MWM2ZGFkYjQzMDM1ZjIwN2MwM2FjMTQ4OWI4NGJlMmQzMjRmODAxMDQxMDNhMmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.10SFVXJ1H8SgHvKnzrO-csT_Gmenuc2n_2suiEbNkeI)
Reproduction Steps
SDK Versions
Sign-in widget version: ^7
Additional Information
No response
The text was updated successfully, but these errors were encountered: