The Inspire theme is a modern theme available from Totara 19 onwards. You can configure the Inspire theme by navigating to Quick-access menu > Appearance > Themes > Inspire (/totara/tui/theme_tenants.php?theme_name=inspire). To configure the default look and feel of the site, click Edit site brand.
Theme settings
With the Inspire theme selected you can configure the following settings, either at the site level or for an individual tenant.
| Setting | Description | Notes |
|---|---|---|
Navigation and brand | ||
Logo | Upload an image to be used as your site or tenant's logo in the main navigation. | This logo will be displayed when the main menu is expanded, or on mobile devices. |
| Logomark | Upload an image to be used as the logo or icon when the main menu is collapsed. | The recommended size is 40 x 40 px. |
Logo alternative text | Add the name of the site to function as a text alternative to the logo image. This is recommended to make your site more accessible. | The site's shortname will be used if this field is left blank. |
Favicon | Here you can upload a small icon which will display in the browser tab next to the page name. The favicon allows users to see which site is open in the tab at a glance. | The favicon image should be 16 x 16 px and in the .ico format. |
| Background colour | Set the background colour of the main menu. | - |
| Text colour | Set the colour of the text used for items in the main menu. | - |
| Selected colour | Select the colour that will be used to highlight the selected item in the main menu. | - |
| Show navigation icons | Enable this setting to show icons next to each main menu item. | When icons are enabled, collapsing the main menu will display the icons only. If this setting is disabled, collapsing the menu will hide the menu completely. |
| Default desktop experience | Set whether the main menu will be expanded or collapsed/hidden by default. | - |
UI colours | ||
Primary | Select the colour you want to use for the interactive elements of your site, e.g. hyperlinks and buttons. | - |
Interactive element overrides | If you want to configure the colour of interactive elements separately then you can enable this setting. When enabled, you can set the following colours individually:
| - |
Accent | Set the colour of non-interactive elements, such as the tab highlight line and card outlines. | The accent colour determines the colour used in email notifications. |
| Page text | Set the colour of text on the site. | - |
Footer background | Set the background colour of the site footer. | - |
Footer text | Set the colour of text in the site footer. | - |
Images | ||
Core: Display login page image | Enable this setting to display an image of your choice on the site or tenant login page. You will need to upload an image for the Login page background setting. | - |
Core: Login page background | Upload an image to use as the background for the login page. The Display login page image setting must be enabled. | We recommend using a 1200 x 1200 px image, as the image may be cropped depending on screen size. JPEG, PNG and SVG file formats are accepted, and PNG files are preferred for illustrative images. We recommend keeping the file size as small as possible (without sacrificing quality), with a minimum DPI of 150. |
Learn: Course | Upload an image to change the default course image. | - |
Learn: Program | Upload an image to change the default program image. | - |
Learn: Certification | Upload an image to change the default certification image. | - |
Engage: Resource | Upload an image to change the default resource image. | - |
Engage: Workspace | Upload an image to change the default workspace image. | - |
Custom | ||
| Custom footer | Enter text to display in the site footer when this theme is used. | Text added to the footer is centre-aligned by default. You can also add HTML code to this section to customise the footer. |
Custom CSS | Here you can enter CSS code to override the styles for specific site components. | Any CSS added here will be applied after all other styles. Note that this cannot be configured for individual tenants. |
| Custom: Email notifications | ||
| Header HTML | Add custom HTML to brand the header of email notifications. | Note that the brand colour used in email notifications is set by the Accent colour setting. Multi-language content is not supported. |
| Footer HTML | Add custom HTML to brand the footer of email notifications. | Note that the brand colour used in email notifications is set by the Accent colour setting. Multi-language content is not supported. |
| Footer plain text | Add standard text that will appear in plain-text email notifications, such as legal disclaimers or contact details. | - |
| Test email notification | Use this button to send a test email notification to see how your changes look. | - |
Tenant themes
If you have multitenancy enabled on your site and have multiple tenants set up, you can choose to use the default site theme or create specific themes for each tenant.
In the Tenant branding table you can see a list of all of the tenants on your site, along with their unique Tenant identifier. The Branding column indicates whether each tenant is using the default Site branding or its own Custom branding. To edit a tenant's theme, click the pencil icon (
) in the Actions column.
By default, each tenant will use the Site branding. When Custom tenant branding is enabled for a tenant, changes to the site branding will no longer be applied to the tenant. When custom branding is first enabled for a specific tenant the current site settings will be used as default for that tenant. If custom tenant branding is enabled, later disabled, and even enabled again, the tenant branding used will be the same as it would have been without disabling and re-enabling it, regardless of whether any changes were made to the site settings since enabling it the first time.
.svg?sv=2022-11-02&spr=https&st=2025-05-15T07%3A00%3A01Z&se=2025-05-15T07%3A14%3A01Z&sr=c&sp=r&sig=KXeaOWT7kj6VKJghji28Hywi3o103TKPzqHIvENAPoY%3D){kind=icon}
The Totara Academy has a whole course dedicated to using Dashboards and basic theming in Totara. Here you can learn more on how to customise your site's appearance, see best practice, and give it a go yourself.
Join the Totara Community for more resources to help you get the most out of Totara.
© Copyright 2025 Totara Learning Solutions. All rights reserved.