Configure theme mapping for embeddables

---
title: Configure theme mapping for embeddables
description: Apply a custom UI Builder theme that matches your ServiceNow NOW experience.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/service-portal/configure-theme-mapping-embeddables.html
release: australia
product: Service Portal
classification: service-portal
topic_type: task
last_updated: "2026-09-24"
reading_time_minutes: 1
keywords: [embeddables, theme, UI Builder theme, CSS variables, styling]
breadcrumb: [Embeddables in Service Portal, Developing custom widgets, Service Portal, Configure UIs and portals, Configure user experiences]
---

# Configure theme mapping for embeddables

Apply a custom UI Builder theme that matches your ServiceNow® NOW experience.

## Before you begin

Role required: admin

## Procedure

1.  Navigate to **All** > **Service Portal** > **Themes**.

2.  In the **CSS variables** section, in the **Matching NOW experience theme** field, select the UI Builder theme.

    For more information, see [Create a portal theme](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/c_CustomCSS.md).

3.  Select **Save** to apply your changes.


## Result

Your embeddables now use the selected UI Builder theme. If no theme is selected, embeddables use the default UI Builder theme.

**Parent Topic:**[Embeddables in Service Portal](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/service-portal/embeddables-service-portal.md)