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

Claude DAmico
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;
}

 

Claude E. D'Amico, III - CSA

View solution in original post

1 REPLY 1

Claude DAmico
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;
}

 

Claude E. D'Amico, III - CSA