Skip to main content

How to create and apply Themes in Valotalive

Themes apply your company's fonts, colors and backgrounds to automated content displayed on your screens - ensuring a consistent, professional look across all your displays.

Written by Steven

What a Theme Controls

Themes define three main visual elements:

Background

Every app has a background that sits behind the content. Choose a solid color or an image as the background.

The three main visual elements controlled by a Valotalive theme - background, typography, and color palette.

Typography

Customize the font family and color for titles and body text. Valotalive offers over 250 fonts - custom company fonts are also available on request.

Customizing font family and color for titles and body text in the Valotalive theme editor.

Typography settings apply to automated content such as SharePoint news, public news sources, and Viva Engage posts. Content created in PowerPoint or Google Slides keeps its original styling.

Color Palette

Each automated post uses a defined color palette:

  • Background color - the main color behind your content

  • Frame color - the border or outline around the content

  • Font colors - applied to title and body text

  • Accent colors - used for dates, dividers, and call-to-action text

The color palette settings in a Valotalive theme: defining background, frame, font, and accent colors for automated posts.

For best visual results, follow the 60-30-10 rule:

  • 60% dominant color

  • 30% secondary color

  • 10% accent color

How to create or edit a Theme

  1. Go to My Account → Themes

  2. To create a new theme, scroll to the bottom of the page and click Create a new theme

    Creating a new theme from the Themes page in My Account.

  3. Click Edit from the drop-down menu to access the settings.

    Accessing the theme settings by clicking Edit from the drop-down menu.

Configuring the Background

  1. In the theme editor, click BG to edit the background

    Clicking BG in the theme editor to configure the background settings.

  2. Choose Color or Image as the background type

    Selecting the background type: solid color or image, in the Valotalive theme editor.

Background image uploads have a 10 MB limit. For best quality, match the image to your display resolution - for example, 3840 x 2160 pixels for a 4K display.

An app background color can be layered on top of the background image to create a semi-transparent effect. Adjust the opacity from 0 (transparent) to 1 (fully opaque).

Configuring Typography and Colors

Fonts

Hover over a text element (title or body text) to reveal the pen icon - click it to change the font family and color. Edit title and body fonts independently.

Hovering over a text element to reveal the pen icon - click it to edit the font family and color.

Accent Colors

Hover over the accent color circles to reveal the pen icon - click it to change the color.

Hovering over an accent color circle to reveal the pen icon - click it to change the color.

The smaller color circles are not used by apps and can be ignored.

Saving and assigning the Theme

  1. Give your theme a descriptive name

    Naming the theme in the Valotalive theme editor.

  2. Click Save and close the theme editor

  3. Define who can use the theme:

    • Only you (the creator)

    • Your whole company

    • Set as the default theme for your company

      Setting the theme visibility - available to you only, your whole company, or set as the company default.

Once saved, you and your colleagues can apply the theme to any app via the app's Configuration tab.
​

Related Articles
Did this answer your question?