The CreatorCon Call for Content is officially open! Get started here.

Next Experience Theming - Targetting global search colors

Daniel199
Tera Contributor

Hey,

 

I'm trying to make a black and white theme for Next Experience. I got most of it working, but I can't seem to change the color of the global search bar, both when it's inactive and when it's hovered over. I've attached some screenshots so you can see what I mean. I want the border, icon and text color to be black when it's not hovered over currently it's white. I also want the grey to be much lighter when hovered over. I haven't been able to find the specific class to target for this without causing the entire background on list view turning black or something like that.

 

Thanks for any help!

7 REPLIES 7

I am using this theme generator nowadays as it is much easier to set up:
https://developer.servicenow.com/connect.do#!/share/contents/2483566_polarisnext_experience_theme_ge...
It creates a new module in the application menu called Basic Configuration Polaris

Please mark as helpful if the response answered your query.
Kushal Bahirwani,
ServiceNow Technical Consultant

Jimmy Ho
Tera Contributor

After some trial and error, change on line 19 "--now-color_chrome--brand" will change the colour of the global search box. However, this will also change the colour of the navigator menu. 

Using pink as an example

JimmyHo_1-1705926307387.png

 

Jack
Tera Guru

try this one:

Jack_0-1705934322381.png

hope this help!