---
sourceDocument: Australia ServiceNow AI Platform user interface
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/platform-user-interface

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Configure card colors

# Configure colors for card illustrations {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Configure and control the colors automatically applied to card illustrations images to keep your visual experience engaging while maintaining brand recognition.

## Before you begin

Role required: ui_builder_admin

For information on granular roles, see [Granular admin roles](https://www.servicenow.com/docs/access?context=granular-admin-roles&version=australia&pubname=australia-platform-security&ft:locale=en-US).

## About this task

As a category, all card illustrations share color hook mappings. As a result, the colors that you apply to one card illustration type are also applied to the entire card illustration category.  
Important:  
Configuring card illustration colors applies to Workspaces and isn't supported in the Core UI.

## Procedure

1. Navigate to AllNow Experience FrameworkTheme Builder.  
   The Theme Builder landing page opens in a new tab and is displayed in the Home page view.
2. Use the Page drop-down list to select the Editor page view.  
   Figure 1. Editor page view
3. From the Theme drop-down list, select the theme that you want to edit.
4. Select the Image styles tab from the general styles panel and expand Cards.  
   The card illustrations available for editing are listed by type on the main stage.
5. Select any card illustration type from the main stage.  
   Note:  
   Customizing the colors of any card illustration type applies the color change to the entire card category, regardless of which type you select.  
   The property panel opens automatically.Figure 2. Image styles tab with Cards expanded and Focus important illustration selected
6. From the property panel, select the Colors tab.  
   Note:  
   The number of leading or supporting colors differs depending on the illustration category. For example, banner illustrations have one leading color, while card illustrations have three leading colors. Leading colors are the main colors in the illustration and supporting colors are accents. They're listed from most prominent to least.
   Figure 3. Property panel Colors tab
7. Select an image color to edit the color using the Color picker.  
   Figure 4. Color picker  
   Note:  
   By default, the My Colors tab shows all available colors for the illustration. You can also use the Custom tab to select a new color.
8. When you have completed your changes, select Save changes.  
   Note:  
   After you have saved changes to any of the color hooks, a Remove override symbol appears. The Remove override symbol enables you to revert your color changes back to the original auto-generated colors. ![Remove override symbol.]()

## Result

The new colors are applied to all card illustration types.

If your theme is published, your card illustration edits are visible to users who have your theme applied on refresh. For information about publishing themes, see [Publish your themes with Theme Builder](https://servicenow-prod.fluidtopics.net/GEHVSNoQw7f8uunQ6C4DQg "Publish multiple themes to your web instance or a single theme to your mobile instance to reflect your company's brand.").

*[\>]: and then