Hi Kristian,
Chuck has a very good point. It's a very high percentage that red is associated with mandatory fields.
However, if this is really what you need, there are several ways this can be done depending upon what the exact requirement is. For instance if this color change is across the board for all and any mandatory field on Service Catalog items then Chuck again is correct in modifying the CSS. That red asterisk is a font awesome font and the way it put there is via a class called "fa fa-asterisk". Also when the field isn't filled in the class "mandatory" is added to the containing element.
Thus you have these classes applied to that containing field: "fa fa-asterisk mandatory".
Use this on the portal record, in the CSS Variables field to change the color.
I.e.
.fa.fa-asterisk.mandatory {
color: #00ff00; /* green */
}
Of course you can change the color to your needs.
You'll also need to make it's counter part for when the field gets populated indicating that the mandatory requirement has been fulfilled. Once the field is populated the system adds another class "mandatory-filled" to the containing element. This gives you "fa fa-asterisk mandatory mandatory-filled" as the classes applied to the element. So just add another CSS style to handle that.
.fa.fa-asterisk.mandatory.mandatory-filled {
color: #979797; /*gray*/
}
You could also make this use a Sass variable to make it more flexible to use but this should do it.
here it is in action:
css_mandatory
