Change bootstrap color for "Default" (like btn-default) in Service Portal

[Venkat122]

Hi All,

In branding editor, I am able to change background color for "Deafult button background color". Where we can update color for "Default button", is there any CSS variable. By default, in my instance it was set to Grey.When I checked with browser develioper tools, looks like the color is coming from below stylesheet

https://instance.service-now.com/styles/scss/sp-bootstrap.scss?portal_id=abd3bc239f13220030581471367fcff3&v=1a3a474ddbfe9b008cdfaa484b961950

How to find the source of this file and change accordingly?

Thanks,

Venkat

[Shambhu5]

Hi Venkat,

I did not got your point. Which button are we talking here?

And if you are using custom "default-button", then you can do that in HTML tags only(I dont think you want this). Please share some screen-shots for better understanding.

- Vishrut

[Abinaya]

Hi Venkat,

In general, the default color is picked as the Brand Promary color, when I saw Brand Primary color, the Primary color specified in you Portal Branding Editor.

e.g. code used in Icon Link wiget 

.icon-link-background-default {
background-color: $brand-primary;
}

To update your choice of Color navigate to Service Portal Configuration > Branding Editor > Theme Colors ---> under Brand Change the Primary Color