How to update the default grey background color

[jajatip (Jajati Patra)]

Which IIQ version are you inquiring about?

Version 8.3

Please share any images or screenshots, if relevant.

Share all details related to your problem, including any error messages you may have received.

We have gone through the IIQ branding documentation. It doesn’t mention how to change the default grey color background.

Can someone help with the file and the component name that needs to be updated to change the default grey color of the background.

[pravin_ranjan (Kumar Ranjan)]

@jajatip check this thread, pls let us know if you have any specific req.

Solved: Re: Background Color in All IIQ Pages - Compass (sailpoint.com)

[Muhammad_Mustafa]

Hi @jajatip

you can do that by adding your CSS rules in this file “ui-custom.css” Actually most of the branding “from colours, alignments, borders, shadows, fonts, etc.. perspective” can be changed here in that file.

If you are looking for the exact CSS rule that doing this “change the default grey colour of the background”, then here you are:

.sp-body-container {
background-color: #fff;
}

Note: this colour is white and that based on it’s Hexadecimal code.

Regards,
Muhammad

[jajatip (Jajati Patra)]

We’ve added the below on iiq-custom and ui-custom css files, but not seeing the color getting changed.

.sp-body-container {
background-color: #fff;
}

[Muhammad_Mustafa]

Hi, @jajatip it’s working and I tried by myself now as shown in the following screenshots.
(Maybe it’s cached in your browser or another CSS rule has the forcing word “!important” or overriding the rule itself)…

1. Normal BG colour (light grey)

2. White one with the previously mentioned CSS rule
   

   

3. For This one, I just changed the colour again to Red as an example and it’s working as well
   

   

[Muhammad_Mustafa]

Here you are another screenshot from the edit itself.