Skip to content
Create a portal theme › Defining portal styles › Configuring Service Portal › Service Portal › Configure UIs and portals › Configure user experiences
Release: Australia · Updated: 2026-05-11 · Official documentation · View source

Create a theme variant

Create a theme variant from the Coral theme. A theme variant uses customizable styling CSS variables and branding options to tailor the visual experience for your users.

Before you begin

Role required: admin

About this task

[Omitted video] Description: Create a theme variant

Procedure

  1. Navigate to Service Portal > Themes.

  2. In the themes list, select Coral theme.

  3. On the Theme Variant Mappings tab, select New.

Image omitted: theme-variant-mappings-tab.png
Theme Variant Mappings tab.
  1. In the Name field, enter a name for the theme variant, such as Coral Blue.
Image omitted: theme-variant-mapping-fields.png
Theme Variant Mappings fields.

  1. In the Theme variant field, choose a theme on which to base the new theme, such as Coral Dark.

  2. In the Theme variant field, select the information icon

Image omitted: icon-information.png
Information icon to change the CSS variables, description, logo, and logo alt text.

  1. In the Matching Next Experience Theme Variant field, match the new theme variant to an existing Next Experience theme, such as Dark.

    Note: This option is available if you have Next Experience themes.

  2. In the Virtual Agent branding field, select the associated branding theme that displays when the theme variant is selected in Service Portal.

    Note: This option is available if you have Virtual Agent branding.

  3. Select Submit.

Parent Topic:Create a portal theme