Customize the colors of your platform

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.

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

1. In the left sidebar, click the platform group (with the golden crown at the bottom right of its icon).
2. On the top right, click Settings.
3. In the lift sidebar, click Branding.
4. 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.
     
5. At the bottom right, click PREVIEW to preview the changes on both areas. You can click RESET to restore the previous values.
6. When you’re happy with the changes, click APPLY.

If needed, here are the default platform values: 

• Main color: #2567F4
• Left bar background: #FAFAFD