Skip to main content

๐ŸŒˆ Customize Theme Colors

Apply your organization's colors to all your publications by creating a custom theme from the platform settings.

Written by Ocรฉane

โฑ๏ธ The Essentials in 3 Minutes
โ€‹
โ€ข Themes are created from Settings > Customization > Manage publication themes.
โ€ข You can customize primary colors, exercise backgrounds, and correct/incorrect answer colors.
โ€ข Choose a color from the suggested palettes or enter a hex code.
โ€ข Once created, a theme is applied project by project from the project's graphic settings.


๐Ÿง  Understand the Instructional Value

Training in your organization's colors reinforces brand identity and creates a consistent learner experience. It also builds trust: learners immediately recognize they are in an environment created by their organization, not a generic platform.


โš™๏ธ Create a Custom Theme

  1. Go to Settings - Customization.

  2. Scroll down to the "Manage publication themes" section.

  3. Click "Create a theme".

Customizable elements:

  • Primary colors (overall visual identity)

  • Exercise backgrounds

  • Correct and incorrect answer colors (= feedback)

Two ways to pick a color:

  • Select from the suggested palettes

  • Enter a hex code for a precise shade

๐Ÿ’ก Text color is automatically selected by the system to ensure optimal readability.


๐ŸŽฏ Apply a Theme to a Project

Once the theme is created:

  1. Go to the graphic settings of your project.

  2. Select the desired theme from the dropdown menu.

The ๐Ÿ‘๏ธ icon on the right lets you preview how the theme renders across the different platform elements before confirming.


๐ŸŽจ Customize a Block Background Individually

In addition to the global theme, you can refine the style of each content block directly from the granule editor:

  1. Hover over the block.

  2. Click the Style icon (pencil).

  3. Choose a custom background for that block.


Keywords: colors, theme, customization, visual identity, hex code, background, exercises, content blocks, brand guidelines.

Did this answer your question?