Changing the tab background from gray to a custom color

mr_njk · ‎05-09-2016

Hi,

Has anyone tried changing the background of the tabs? I have a requirement to change the background color of the tabs to match the company theme and I am unable to figure out where to change it. Below is an example. I would like to have the background for Schedule, Conflicts etc set to Blue instead of the default gray.

Cheers

Nidhin

dewan_pavel · ‎05-09-2016

Hi Nidhin

Though it is not recommended as it may have performance impact, but you can try the following code within onload client script for global table:

$j('.tabs2_tab').css({

'background-color' : 'your desired color code',

});

Thanks

Dewan

View solution in original post

Manjul Katare · ‎05-09-2016

Hi Nidhin,

You can try using different theme or create a new one.

For instance if you use a theme named "Kiwi", you would get a different tab color (see below, screenshot taken from Fuji instance).

Hope it helps!

-Manjul

mr_njk · ‎05-09-2016

Hi Manjul,

Thanks for your response. I did check changing the theme, however, i found that it is always the same (grey).

Thanks

Nidhin

Manjul Katare · ‎05-09-2016

Hi Nidhin,

I'm able to change the color by using different theme on Fuji & Geneva instance using UI15 and new UI as well.

Can you confirm one more time on if you see something like this (see below) using ServiceNow - Fuji instance ?

Thanks,

Manjul

mr_njk · ‎05-09-2016

Hi Manjul,

Thanks for the response. I think I understand why it wasnt working for me. We have enabled UI16 and have not given users the option to move to UI15. I just tried the options you provided in UI15 in my dev instance and it works just fine. However, I am trying to find a fix for the issue in UI16.

Thanks

Nidhin