Note: You are currently viewing documentation for Moodle 3.1. Up-to-date documentation for the latest stable version of Moodle is probably available here: Standard themes.

Standard themes

From MoodleDocs

Theme selector

An administrator can set a theme for the site in Administration > Site administration > Appearance > Themes > Theme selector.

Different themes may be set according to 'device type' - default, legacy (for older browsers), mobile and tablet.

Go to Administration > Site administration > Appearance > Themes > Theme selector

  • Click on the "Select theme" button next to the type you wish to change
  • Scroll down to see the previews of the available themes and click on the "Use theme" button to chose the theme
  • The next screen will provide information about the theme. Click "Continue"

Note 1: Moodle caches themes so if you don't immediately see changed settings that you were expecting, click the "Clear theme caches" button at the top of the Theme selector page.

Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the Theme settings.

Tip: The MyMobile theme is especially designed for mobile devices.

theme selector showing default and none selected in other theme types

Notes on individual themes

Arialist: does not display the logo at course/course level. This means it is not useful for branding at a category/course level.

  • Afterburner (this offers you the File picker to upload your logo)
  • Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
  • Brick
  • Clean (this offers you the File picker to upload your logo)
  • Formal White (this offers you the File picker to upload your logo)
  • Magazine
  • Skylight
  • Splash

Themes that allow custom CSS

  • Afterburner
  • Anomaly
  • Arialist
  • Formal White
  • Fusion
  • Non-zero
  • Overlay
  • Sky High
  • Splash

Themes with right hand column(s) only

  • Arialist
  • Brick
  • Fusion
  • Nimble
  • Non-zero (2 columns)
  • Overlay (2 columns)
  • Skyhigh (2 columns)

Various forum help that may be useful

  1. Changing logo height in Afterburner: http://moodle.org/mod/forum/discuss.php?d=197924
  2. Moving columns in Sky High: http://moodle.org/mod/forum/discuss.php?d=209626
  3. Tweaks to header area in Formal White: http://moodle.org/mod/forum/discuss.php?d=167544

Standard themes

In alphabetical order here are the standard themes in Moodle:

See also