Selecting a theme
A site administrator can choose the default site theme via the Administration menu within Appearance > Themes > Theme selector.
A different theme can be enabled for mobile, tablet and/or default devices (desktop PCs, laptops, etc) or you can use one responsively designed theme which will adapt to the screen size/resolution of the user. For more information on responsive web design please see https://en.wikipedia.org/wiki/Responsive_web_design.
Use the Change theme button and then Use theme to select your desired default theme for the site.
Totara Learn has an in-built theme (Basis) available or a custom theme can be uploaded into to the totara/theme directory on your host server.
Basis allows site administrators to customise key elements such as colours, logo and custom CSS through the user interface.
The Basis theme has a range of customisation options which allow site administrators to create permanent or temporary themes which are branded and use your organisation's colour palette.
A favicon is the small icon that is displayed to the left of a website address within a browser. Select or upload the image file using the standard File picker to be used as the site's favicon. The icon must be *.ico format.
Select or upload the image file, using the standard File picker, to be used as the site's logo.
|The image will not be resized on upload so ensure your image file is the require size before adding to the site.|
|Logo alternative text|
Select the text that is displayed when an image can't be viewed - for example by a screen reader.
|Enable style overrides|
Allow theme colour settings to override theme defaults.
|You must have this option enabled for any changes you enter on the Basis custom settings page to work.|
This sets the colour of all text within the site including all navigation items which are not links and text entered in Labels and Page activities etc. The colour of text entered by users within the HTML editor can be changed from this default colour.
This sets the colour of all links within the site including editing icons, navigation and menu items that link to new areas or reorder reports/displays.
|Visited link colour|
This sets the colour of all links within the site including editing icons, navigation and menu items that link to new areas or reorder reports/displays that have been previously clicked/followed by the user. The visited status of a link can be reset by the user by clearing browser caches.
This sets the colour for the background of buttons such as the Save changes and Cancel buttons throughout the system. Note, this won't change the text colour of the text within a button which will remain white (#FFFFFF).
This sets the background colour across the site. Items such as Blocks, the Top Navigation bar and the Footer sit on top of this background and will not inherit this colour.
|Main content background colour|
This sets the background colour of the main content area of the site and includes settings pages, course pages and the central content block on site pages.
|Secondary content background colour|
This sets the colour for the background of the Top Navigation bar and the Footer.
Whatever you add to this text area will be displayed in the Footer throughout your Totara Learn site.
|Custom CSS||Any CSS you enter here will be added to every page allowing your to easily customise this theme.||-|
Below is an example with the background colour set to blue.