Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to change font colors of header menu options in polaris theme

Community Alums
Not applicable

Hi All,

 

I have configured a custom theme but i want to change the font colors of the header menu options (All, favorites, history and Search). Can anyone help me how I can achieve this. Thank You!

 

Regards,

Ganesh

1 ACCEPTED SOLUTION

Community Alums
Not applicable

@Community Alums  Please try below one it should change :"--now-unified-nav_button--color": "0,0,0".

 

You can check more properties if helps you: https://www.servicenow.com/community/next-experience-articles/create-default-theme-without-enabling-dark-theme/ta-p/2331909 

Do let me know if you need more clarity,happy to share my knowledge.

Thanks 

View solution in original post

3 REPLIES 3

Community Alums
Not applicable

@Community Alums  Please try below one it should change :"--now-unified-nav_button--color": "0,0,0".

 

You can check more properties if helps you: https://www.servicenow.com/community/next-experience-articles/create-default-theme-without-enabling-dark-theme/ta-p/2331909 

Do let me know if you need more clarity,happy to share my knowledge.

Thanks 

Community Alums
Not applicable

@Community Alums : You made my day. It worked properly after adding the above property. Thank You so Much...

Community Alums
Not applicable

@Community Alums any idea on the below color suggestion on header?

 

GaneshManasal1_0-1677235099205.png

Below is my configuration in the theme now:

{
"base": {
"--now-unified-nav_button--color": "0,0,0",
"--now-color--neutral": "92,92,92",
"--now-color--primary": "0,125,186",
"--now-color--secondary": "147,147,147",
"--now-color_chrome--brand": "0,125,186",
"--now-checkbox--background-color--checked":"37,37,37"

},
"properties": {
"--now-unified-nav_header--background-color": "255,255,255"
}
}

 

 

Please suggest me on this. Thank you in advance.