Service Portal Search Bar Highlight and Like/Reply Color

Zach N
Tera Guru

Hello!

I've created a custom theme for the Service Portal based on my company's colors, and so far I've got everything looking the way I want except for the search bar highlight color and the comments like/reply buttons.

find_real_file.png

find_real_file.png

Does anyone know where these are being set? My theme is based on the OOB La Jolla theme, but for the life of me I can't seem to locate where they are at. I would hope there are just some CSS variables that I can add to the theme.

If anyone can asset, that would be much appreciated!

Thanks!

1 ACCEPTED SOLUTION

Zach N
Tera Guru

I was able to locate the answer to my first question on my own. The highlight/focus color for search bars/boxes can be controlled via this CSS variable in your theme:

$input-border-focus

I was not able to find a solution to the Like/Reply button color however. This doesn't appear to be controlled by theme, and would likely require making a copy of the widget to change the CSS, which I don't want to have to do.

View solution in original post

7 REPLIES 7

Mike Patel
Tera Sage

You have to clone Typeahead widget and add below to CSS

.dropdown-menu > li > a {
    color: #1F8476;
}

Hey Mike!

 

Thanks for replying!

 

Unfortunately I couldn't get your solution to work. I cloned the Typeahead widget, and added the CSS you have listed, but it didn't seem to make a difference. I also tried adding a 'ul' to the front of '.dropdown-menu' as that's how all other CSS variables were listed, and still no luck.

Also, I thought it worth mentioning that it does seem to be tied to the theme. If I change the theme to nothing, the highlight turns to blue, and if I switch it to La Jolla, it turns green. I'm convinced that there has to be somewhere in the theme to change this, I just can't seem to find it.

find_real_file.png

After cloning widget did you added cloned widget to homepage and remove OOTB widget?

Hey Mike,

Yeah I removed the old widget and added the new one, still no luck.