Themes

Themes

The Themes page has been redesigned to make managing your location and information bar themes easier than ever. From a single page, you can create, edit, and manage themes that control the appearance of your digital signage experience, helping you maintain consistent branding across your locations.
Themes are divided into two categories:
  1. Location Themes - Control the look and feel of your digital signage displays, including fonts, colours, logos, backgrounds, and display features.
  2. Info Bar Themes - Control the appearance of tickers and full-screen alerts displayed through the Information Bar.

Accessing Themes

  1. Navigate to System Settings from your Vibe portal.
  2. From the left-hand menu, select Site Settings.
  3. Click Themes.
The Themes page displays two separate theme management areas:
  1. Location Themes (left panel)
  2. Info Bar Themes (right panel)
Use the search bars to quickly find existing themes.

Location Themes

Location Themes determine the visual styling applied to your digital signage displays. This includes branding elements such as logos, colour palettes, fonts, backgrounds, and display options.
From the Location Themes panel, you can:
  1. View all available location themes
  2. Search for specific themes
  3. Edit existing themes
  4. Manage location assignments
  5. Configure theme appearance and display settings
Info Learn more about:  Location Theme

Editing a Location Theme

Selecting a Location Theme opens the Edit Location Theme window.
Within this window, you can configure:

Theme Name

The theme name is used to identify the theme within Vibe.

The Default Theme is the primary theme applied to slides within the Vibe Portal. This theme is used as the default styling option when creating or managing slide content unless another theme has been selected. To maintain system consistency, the Default Theme name cannot be edited. While the theme's appearance and settings can be customized, the theme name will remain fixed.
NotesOnly custom themes can be renamed. The Default Theme will always display as Default Theme throughout the platform.

Slides

This section allows you to customize the visual appearance of slides displayed at assigned locations.

I. Fonts

Choose the typography used across slide content.
Available options include:
  1. Heading Font – Used for slide titles and major headings.
  2. Body Font – Used for descriptions and general content.
  3. Accent Font – Used for highlighted text and decorative elements.
Using consistent fonts helps maintain a professional and branded appearance throughout your content.
Info
Learn more about:  Fonts
Upload a logo to display on screens using the selected theme.
The logo is used to reinforce branding and will appear in your slides.
Info
Learn more about:  Logo

III. Overlay

Upload an overlay graphic that appears on top of screen content.
Overlays are commonly used for:
  1. Branded screen designs
  2. Decorative borders
  3. Custom visual elements
  4. Corporate styling requirements
InfoLearn more about:  Overlay Image

IV. Theme Palette

The Theme Palette controls the colours used throughout your slides.
Configure:
  1. Primary Background Colour
  2. Secondary Background Colour
  3. Primary Font Colour
  4. Secondary Font Colour
  5. Overlay Colour and Opacity
  6. Additional Accent Colours
InfoLearn more about:  Brand Colours

V. Background Pool

The Background Pool contains images available for use by the theme.
 Administrators can:
  1. Upload new background images
  2. Remove existing images
  3. Maintain multiple branded backgrounds
InfoLearn more about:  Background Images

Information Bar

The Information Bar panel allows you to customize the appearance of the information bar displayed on your digital signage.

  1. Background Color - Set the background color of the information bar.
  2. Text Color - Customize the color of the text displayed on the information bar.
  3. Background Images - Upload images to customize the information bar background for different screen orientations and sizes:
    1. Portrait:1080 × 80 px
    2. Landscape: 1920 × 80 px
    3. 1920 × 900 Screens: 1920 × 80 px
Notes
If no background images are uploaded, the information bar will use the selected Background Color by default.

Meeting Room

Customize the appearance of the Meeting Room display through the following options:

  1. Background Color: Choose a background color for the display.
  2. Background Image: Upload a custom header image (1920 × 180) to personalize the screen.
Info
Learn more about: Meeting Room Signage

Date Time Overlay

Customize how the date and time appear on your digital signage screens using the following options:

  1. Enable/Disable: Show or hide the Date & Time Overlay.
  2. Display Style: Choose how the date and time will be displayed.
  3. Position: Set where the overlay appears on the screen.
  4. Date Format: Select your preferred date display format.
  5. Time Format: Choose between 12-hour and 24-hour format.
  6. Background Color: Customize the overlay's background color.
  7. Text Color: Change the color of the displayed date and time.
Notes
Note: Changes to the Date & Time Overlay settings may take up to 24 hours to reflect on all screens.
Info
Learn more about: Date Time Overlay

Locations & Permission

Manage where the theme applies and who can access or manage it through the following options:

  1. Locations: Select the specific location where the theme will be applied.
  2. Permission: Assign permission groups to control user access to the theme.
Note: The Default Theme does not have a Location field because it serves as the system-wide default theme and automatically applies to all slides.

Info Bar Themes

Info Bar Themes control the appearance of ticker messages and full-screen alerts displayed through the Information Bar.
These themes help users quickly identify different types of messages using colours and icons

Creating an Info Bar Theme

Select New Info Theme to create a new Information Bar Theme.

Editing an Info Bar Theme

Selecting an existing Info Bar Theme opens the Edit Information Bar Theme window.

Within this window, you can configure:
  1. Name: Provide a name that clearly identifies the purpose of the Information Bar Theme.
  2. Icon: Select an icon that visually represents the message category. Icons help viewers quickly recognise the importance or purpose of displayed messages.
  3. Background Color:  Choose the background colour displayed behind the message. Colour coding can help distinguish different communication types.
  4. Text Color: Select the text colour used within the Information Bar. Choose colours that provide strong contrast and readability against the selected background colour.

This article provides an overview of the Themes page and its available options. For detailed instructions on specific features, refer to the related articles linked throughout this guide.