On this page

Search

The Ventura theme is the recommended theme for customising the appearance of your site in Totara 13 onwards. You can configure the Ventura theme by navigating to Quick-access menu > Appearance > Themes > Ventura.

Site theme

With the Ventura theme selected you can configure the following settings.

SettingDescriptionNotes
Brand
LogoUpload an image to be used as your site's logo in the main navigation.-
Alternative textAdd the name of the site to function as a text alternative to the logo image. This is recommended to make your site more accessible.-
FaviconHere 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.
Colour
Primary colourUse the colour picker or enter a hex code for the colour you want to use for the interactive elements of your site, e.g. hyperlinks and buttons.-
Use overriding colours

If you want to configure the colour of interactive elements in more detail you can enable this setting. With Use overriding colours enabled you can set the following colours individually:

  • Primary button colour: Select the fill colour of buttons
  • Secondary button colour: Select the outline and text colour of buttons
  • Link colour: Select the colour of all hyperlinks on your site
-
Accent colourSet the colour of non-interactive elements such as the tab highlight line and card outlines.-
Header background colourSet the background colour of the main navigation bar at the top of the page.This setting can be accessed by expanding the More colours section.
Header text colourSet the text colour on the main navigation bar at the top of the page.This setting can be accessed by expanding the More colours section.
Page text colourSet the colour of text on the site.This setting can be accessed by expanding the More colours section.
Images
Core: Display login page imageEnable this setting to display an image of your choice on your site's login page. You will need to upload an image for the Login page setting.-
Core: Login pageUpload an image to display on your site's login page. The Display login page image setting must be enabled.-
Core: Logo alternative textAdd a text alternative that conveys the content and function of the login image. If the image is purely presentational, leave this field empty.-

Learn: Course

Upload an image to change the default course image.Note that this will only affect your site if you are using courses in Totara Learn.
Learn: ProgramUpload an image to change the default program image.Note that this will only affect your site if you are using programs in Totara Learn.
Learn: CertificationUpload an image to change the default certification image.Note that this will only affect your site if you are using certifications in Totara Learn.
Engage: ResourceUpload an image to change the default resource image.Note that this will only affect your site if you are using resources in Totara Engage.
Engage: WorkspaceUpload an image to change the default workspace image.Note that this will only affect your site if you are using workspaces in Totara Engage.
Custom styles
Custom CSSHere you can enter CSS code to override the styles for specific site components.Any CSS added here will be applied after all other styles.

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.

To configure the default look and feel of the site click Edit site brand.

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 edit icon () in the Actions column. 

By default, each tenant will use the Site branding, but enabling the Custom tenant branding setting allows you to configure the following settings:

SettingDescriptionNotes
Brand
LogoUpload an image to be used as the tenant's logo in the main navigation.-
Logo alternative textAdd the name of the site to function as a text alternative to the logo image. This is recommended to make your site more accessible.-
FaviconHere 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.
Colour
Primary colourUse the colour picker or enter a hex code for the colour you want to use for any interactive elements within the tenant, e.g. hyperlinks and buttons.-
Use overriding colours

If you want to configure the colour of interactive elements in more detail you can enable this setting. With Use overriding colours enabled you can set the following colours individually:

  • Primary button colour: Select the fill colour of buttons
  • Secondary button colour: Select the outline and text colour of buttons
  • Link colour: Select the colour of all hyperlinks within the tenant
-
Accent colourSet the colour of non-interactive elements such as the tab highlight line and card outlines.-
Header background colourSet the background colour of the main navigation bar at the top of the page.This setting can be accessed by expanding the More colours section.
Header text colourSet the text colour on the main navigation bar at the top of the page.This setting can be accessed by expanding the More colours section.
Page text colourSet the colour of text on the site.This setting can be accessed by expanding the More colours section.

Provide feedback about this page using the link in the bottom right of this page. 

 Still have questions? 

Why not post them in the forums on the Totara Community?



  • No labels