Welcome to Community Week 2025! Join us to learn, connect, and be recognized as we celebrate the spirit of Community and the power of AI. Get the details  

Changing CSS on Employee Center Portal

Franchesca Liz1
ServiceNow Employee
ServiceNow Employee

Screenshot 2023-08-25 at 1.22.40 PM (2).png

 Hi I have a requirement to change the color of the highlighted choice, in the picture it is like a light purple. I need it to be a different color and I have been trying to use the Inspect tool on the browser to figure out where to change this but I am having no luck. We have used the branding editor for minor changes on the Theme Color of the portal and also a stylesheet for some of the custom CSS. 

1 ACCEPTED SOLUTION

SVimes
Kilo Sage

Found it! It's in the theme.

  1. Go to the EC Theme on the esc portal
  2. Under CSS Includes, open the ec-theme-global Style Sheet
  3. Change this block to what you need it to be. This should update all the highlights for the classes mentioned.
.select2-results .select2-highlighted {
        background-color: rgba($brand-primary-lightest, .5);
        color: $text-color;
}

 

Sable Vimes - CSA

View solution in original post

1 REPLY 1

SVimes
Kilo Sage

Found it! It's in the theme.

  1. Go to the EC Theme on the esc portal
  2. Under CSS Includes, open the ec-theme-global Style Sheet
  3. Change this block to what you need it to be. This should update all the highlights for the classes mentioned.
.select2-results .select2-highlighted {
        background-color: rgba($brand-primary-lightest, .5);
        color: $text-color;
}

 

Sable Vimes - CSA