Customize the colors of your platform

Updated May 26, 2023 10:20

Who can use this feature?

Platform admins can access the Branding settings beta from the platform group settings page.
On platforms with the customization option, platform admins can access the Branding settings beta from every group settings pages.
Accessible only on the Web Application.

To give users more control of the look and feel of platform notifications, platform admins can customize the colors of their platform in two main areas:

The main color — buttons in pop-in messages, highlighted elements, and buttons in email notifications.
The left bar background — the background of the left navigation sidebar, visible everywhere except when playing training content.

On platforms with the customization option, the branding is automatically applied to subgroups that don’t already have another branding applied.

If you cannot see the color changes, it may be because custom CSS is activated on your platform. Contact your platform owner to know more.

Impacted emails

The customization currently shows up on the following email notifications:

[User] has invited you to translate a course
[User] invites you to join the training space
[User] invites you to join the training space of [group name]
Reminder: You have been invited to join the training space [group name]
[Learner] has just reached: [assessment step]
Recommended for you: [user name]
You have been enrolled in the path [path name]
[Learner] has completed the path "[path name]"
A path session has just finished
[Reminder] Your free trial expires in 5 days
[Last reminder] Your free trial has expired

Edit the platform colors

In the left sidebar, click the platform group (with the golden crown at the bottom right of its icon).

On platform with the customization option, you can customize colors in any groups.
On the top right, click Settings.
In the lift sidebar, click Branding.
Click on the field below Main color or Left bar background to change the color.
- To use a HEX code, click on the right side of the field, and enter the code directly.
- To use the eyedrop tool, click on color preview on the left side of the field, change the spectrum and click somewhere in the color area. Then, click outside the menu.
- To use an RGB or HSL code, click on color preview on the left side of the field, and enter the value in the fields. Then, click outside the menu.
At the bottom right, click PREVIEW to preview the changes on both areas. You can click RESET to restore the previous values.
When you’re happy with the changes, click APPLY.