This article explains how to customise the visual appearance and branding of the Evotix Learn (the Evotix training content delivery platform) environment using the Appearance settings area in the Learn Admin Area. A Learn Administrator or System Administrator can modify four elements: the client logo, the site background image, Colour 1, and Colour 2. Each element affects specific areas of the Learn App interface. Branding the Learn site ensures a consistent and professional look that aligns with the organisation's identity, creating a familiar and engaging learning environment for users.
Module scope: This article is scoped entirely within Evotix Learn. No configuration in Assure is required.
In this video, we take a look at how you can customise the theming of your Learn environment.
Prerequisites
- Learn Administrator or System Administrator access to the Learn Admin Area.
Navigating to Appearance Settings
- Navigate to the Learn Admin Area dashboard.
- In the left-hand menu, locate and select Appearance.
- The Appearance Settings page displays.
Configurable Elements
| Element | Description |
|---|---|
| Client Logo | The logo image displayed in the top-left corner of the Learn App |
| Site Background Image | A background image displayed across the entire screen wherever tables or forms are not present |
| Primary Color | Controls the colour of the main navigation menu and the Profile icon in the top-right corner |
| Secondary Color | Controls the colour of several interface elements (see full list below) |
What Each Element Changes
Client Logo
Site Background Image
Primary Color
- The main navigation menu
- The Profile icon in the top-right corner of the Learn App
Secondary Color
- The breadcrumb trail used for navigation at the top of the screen
- The text on the More Options menu
- Bookmark symbols throughout the platform
- The View All button text colour, wherever a View All button appears
- Various buttons on the Profile screen
- Leaderboard elements on the Profile screen
Notes
- Changes made in the Appearance Settings area take effect across the Learn App for all users.
- Branding Learn to match the organisation's visual identity helps users feel familiar with the platform and increases adoption.
AI Metadata
- Appearance Settings = Appearance and Branding tool = Learn theming = Learn branding configuration
- Client Logo = company logo = organisation logo
- Site Background Image = background image = site background
- Colour 1 = Color 1 = primary colour = navigation colour
- Colour 2 = Color 2 = secondary colour = accent colour
- Learn Admin Area = admin back-end = Learn administrator interface
- Profile icon = user profile icon = top-right icon