Theme & Assets

Customise the look & feel of your content.

What is Theme & Assets?

Theme & Assets will be displayed on the Listing. The colour scheme is determined by the Theme, while the Assets consist of the added media.

Theme

Your platform comes with a preset Theme. You can customise your Theme or choose from the Available Themes. To modify your Custom Theme, choose a Primary Colour and Accent Colour.

Quick Steps: Editing your Theme

  1. Open your content (Authoring, Streams, Pathways).

  2. Open Theme & Assets. Select the Edit icon to adjust your Theme.

  3. Choose a Theme. Choose from an Available Theme, or choose your Custom Theme. If required, select Primary and Accent colours to adjust your Custom Theme.

Content Icons: Primary Icon & Alternative Icon

Icon Sizes

The icons must be a .png or .jpeg image at least 1024 x 1024 px in size. Images bigger than the minimum will simply be auto-resized.

Primary icons are required; alternative icons are optional. To differentiate the icon in the featured content banner from the one in the listing, feel free to upload an alternative icon. However, uploading a primary icon is the only requirement.

When adding podcast and YouTube streams, the listing will be auto-populated with assets from the original source.

Custom Theme Options

Custom Level Colours (Pathways only)

Level colours overwrite the Pathway/App theme and are applied to:

  • Activity icons

  • Pathway tiles

Use Custom Theme (Pathways & Authoring)

Custom Pathway themes change the app UI. This ensures consistent visual queues in both the Pathway/learning story and the app; it avoids theme conflicts between the app theme and content theme.

Theme Fonts (Authoring only)

For Custom Themes, you can change the font that is used. Select the down arrow to choose from the available fonts.

Theme & Assets FAQ

When you upload an Icon Asset to your Listing, recommended colours will be added to your custom theme options. These recommendations are based on colours detected in the image(s) you have added. This assist in selecting colours that harmonise with the provided assets.

Why can't I choose my own colours?

Custom, brand-specific colours are added to your Custom Theme when your platform app and account are set up. Custom options are limited to retina-screen compatible colours (vibrant, pastels, theme, and recommended colours).

Icons: Best Practice

Good Icon Examples

Bad Icon Examples

My custom font is not working

Custom fonts can only be applied if you have selected the Custom Theme.

Last updated