---
sourceDocument: Zurich ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/platform-user-interface

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Guided Tour callout color

# Guided Tour callout color {#ariaid-title1}

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

Customize Guided Tours callout colors in Service Portal.
{#guided-tour-callout-color__table_vth_y4t_xfc__entry__3}

| Parameter | Default Service Portal properties | Custom CSS variables |
|-|-|-|
| Callout background color | Panel background color | $gtd-callout-background |
| Callout text color | Text color | $gtd-callout-content-color |
| Callout number color (Example: 2/5) | Text muted | $gtd-callout-number-color |
| Callout close button (X) color | Text muted | $gtd-callout-close-color |
| Callout primary button color | Primary button background color | $gtd-callout-active-color |
[Table 1. Service Portal guided tour callout colors]

{#guided-tour-callout-color__table_vth_y4t_xfc}
**Related concepts**   

* [Create a portal theme](https://www.servicenow.com/docs/0bE4ZmnOS_qOQ4cn1dwMWQ "If you need more customization than Branding Editor can provide, you can create your own custom theme.")