How can I change the color in Theme Cosmos User Portal
Hello,
I am trying to find where I can change the color in Theme Cosmos User Portal, marked as below. Can anyone please tell me how?
Regards,
Accepted Solution
Updated: 16 May 2023 1:29 EDT
Aaseya(Yash Technologies)
IN
Go to Skin rule - Included styles - Add a new CSS file with a proper name ex -PegaStyleOverrides
In it override the Pega OTB class of case header as :
.case-header{
background-color: #c7d1db (your color code)
}
Log-off and login, should work.
NCS Pte. Ltd
SG
Hi @CloeW938: Can you please check by overriding "case-header" css class in your application specific css file. You need to add the new css file in the additional style sheets in skin rule.
Thanks.
Accepted Solution
Updated: 16 May 2023 1:29 EDT
Aaseya(Yash Technologies)
IN
Go to Skin rule - Included styles - Add a new CSS file with a proper name ex -PegaStyleOverrides
In it override the Pega OTB class of case header as :
.case-header{
background-color: #c7d1db (your color code)
}
Log-off and login, should work.
Updated: 16 May 2023 1:30 EDT
IT Solution Service
SG
Thanks, this approach worked. We used to be able to customize the background color from portal header in pyEndUser skin rule without using css (https://support.pega.com/question/how-change-background-colour-portal-header), but seems like this approach is not applicable to Theme Cosmos. pyEndUser is not even referenced in Theme Cosmos any more. As per your suggestion, I added a custom css file and included your snippet as below. Thank you!
1. From my application level Skin rule, add style sheet in included styles tab as below. The name is arbitrary.
2. Include below snippet.
.case-header{ background-color: green }
3. Here is the results.
Regards,
Updated: 17 May 2023 4:04 EDT
Aaseya(Yash Technologies)
IN
@CloeW938 Awesome that's for theme-cosmos. You will be able to do it back like earlier without writing code, while you use the latest - Constellation framework, under themes and settings.
IT Solution Service
SG
Really! That's good to know. Thank you very much for the additional information!
Regards,