Changing colour for Change Models

[StevenITSM]

Hi

I am trying to change the colour for new Change Models I have added, but the colour will not update it just remains pink. I tried copying in a code from an internet list which didn't work so I just copied the code over from the "Normal" change model so it is identical but the colour still doesn't change. It looks green in the model config view but not when selecting the change.

Normal Change Model colour code. 

Normal 2.0 Change Model colour code

Then the view from the change selection area.

I've tried mixing things up and gave Normal the green colour code that is used by "Standard" and when I did that it changed to green but then the "Standard" model changed to blue. I cant work out why it is behaving this way. Am I limited to a set number of colours?

[pavani_paluri · Accepted solution]

Hi @StevenITSM ,

ServiceNow has only 8–10 color slots are available for change model badges. The assignment happens by order, not by hex code.

You can write a custom UI Script or Client Script to override the colors using CSS. use data-model-name or class name to assign your own styles.

Mark it helpful if this helps you to understand. Accept solution if this give you the answer you're looking for
Kind Regards,
Pavani P

[StevenITSM]

Okay that makes sense, thanks for the reply. I will have a go at the script for custom colours.

[prerna_sh]

Hi @StevenITSM 

You can easily change the color by entering the color code in the "color" field, as you're already in the correct section.
Please ensure the changes were saved — I'm attaching a screenshot where it's working as expected.

That said, developers are strongly encouraged to use Sass variables for colors instead of direct hex codes. You can also refer to the article below for more details:
Guidelines - Colors

If this resolves your query, please mark it as helpful by selecting Accept as Solution and Helpful.
Best regards,
Prerna