Managing Themes
Last updated
Last updated
A theme defines the colors, images, and fonts used to control the appearance of customer-facing applications such as portals, Kiosks, Virtual Tickets, and Digital Signs.
Themes allow you to customize the applications to match your brand.
Customer Engagement -> Visual -> Themes
Using this tool requires the Engagement Admin role.
To create a new theme for your organization’s portal, click the New theme button on the Themes page, enter a unique theme name in the dialog, and click Create.
A new theme is created with a default color palette. To create a theme with a high-contrast color scheme (for improved accessibility), check the "Use high-contrast colors" box.
To delete a theme, click the context menu button [⋮] on the theme's details page and click Delete Theme.
You cannot delete a theme that a Kiosk, Portal, Ticket, or Digital Sign uses.
You cannot delete the default theme.
On this tab, you can choose colors to match your brand design.
A theme allows you to select different fonts for titles and body text. The theme defines two default fonts for titles and body text.
You can add alternative fonts for different languages. These fonts will be used when customers choose the language on the Portal or Kiosk.
The following screenshot depicts a theme using the Quick Sand font for titles and the Roboto font for body text. The theme uses the Open Sans font when the selected language is French:
The settings above results in this portal:
To use a font in the theme, you must first define it in the Web Fonts section of the visual tool. For more information, see:
On this tab, you select the images to use for different elements of portals, kiosks, tickets, and digital signs.
Here, you can upload new images or use existing ones previously uploaded to the media library.
You can set a theme as the Default Theme, the Default Accessible Theme, or both.
Default themes are selected when you create a new Kiosk, Portal, or Digital Sign. Default themes are also used for Virtual Tickets.
To set a theme as default, click the menu button (⋮) and click the Set as Default Theme option.