Agile board - color in Theme like in epics

[DreDay3000]

On the agile board in Backlog or sprint planning, stories related to an epic show the color of the epic.

We would like to be able to set color in story themes too, but it's not enough to just create a "Color" reference to color definition attribute.

How can we configure the page to show the color of the themes as well as that of the epics?

[sreeram_nair]

• Extend the existing Agile Board UI behavior
• Modify the story card UI to display theme colors
• Ensure theme colors are stored properly
• Apply CSS to reflect the colors

[DreDay3000]

I have added the color in the for the field but the color does not show

[sreeram_nair]

@DreDay3000 I think ServiceNow does not natively support theme-based color coding like epics, so you need to extend the UI logic.

• Navigate to System UI > Scripts - Client.
• Look for "Agile Board Renderer" or a similar script responsible for board UI.
• Modify the script to apply colors based on the theme.

Example of a Possible Client Script Override:

(function executeRule(current, gForm, gSNC) {
    var epicColor = current.epic.color;  // Get Epic color
    var themeColor = current.theme.color; // Get Theme color
    
    if (themeColor) {
        gForm.setStyle('short_description', 'background-color:' + themeColor + ' !important');
    } else if (epicColor) {
        gForm.setStyle('short_description', 'background-color:' + epicColor + ' !important');
    }
})(current, gForm, gSNC);

[DreDay3000]

UI Scripts under System UI?