Next Experience Theming - Targetting global search colors
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-24-2022 07:55 AM - edited 10-24-2022 07:55 AM
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!
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
10-17-2023 03:43 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-22-2024 04:25 AM
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
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-22-2024 06:39 AM
try this one:
hope this help!