How to Change Moodle Themes

change moodle themes hero image

In addition to default Moodle themes, there are custom themes you can use with your Moodle site. These themes are often provided by custom theme sites or purchased from software developers. In this article we will discuss how to change between the default themes that were included in your Moodle installation and custom themes.

Topics Include:

Moodle Default Themes

When installing and working with Moodle for the first time, the default theme Standard is set as the theme or template for the site. To customize the look of the Moodle site, Moodle includes 12 different themes that can be used for free. The initial installation of Moodle comes with the following themes:

  • Afterburner
  • Arialist
  • Brick
  • Formal white
  • Fusion
  • Magazine
  • MyMobile
  • Nimble
  • Nonzero
  • Overlay
  • Sky High
  • Splash

How to Change Moodle Themes

  1. First, log into the Moodle Dashboard.
  2. Navigate to the Site administration > Appearance > Themes > Theme selector in the Settings section on the left.
    changing-themes-1-click-moodle
    Current Theme Device Types
    Default The default theme is the standard theme for the Moodle site. This is what a user or student will see in a standard web browser like Internet Explorer, FireFox, or Safari.
    Legacy The Legacy theme is designed to work in old out of date browsers.
    Mobile This gives the Moodle site the ability to display in common mobile devices like iPhones.
    Tablet This theme Device type is designed to display the Moodle site specifically for tablets. This is good for sites that require less JavaScript.

    In this tutorial, the standard theme will be changed. In the information column, click the Change Theme button for the standard default theme.

    changing-themes-2-default-moodle
  3. On the Select theme for default device page, select a theme from the list In this case the Afterburner theme will be selected. On the Information column, click the Use Theme button for the Afterburner theme.
    changing-themes-3-select-moodle
  4. On the New theme saved page, basic information about the new theme that was selected will be displayed. Click Continue.
    changing-themes-4-new-moodle
  5. Now when going to the theme selector page the new theme will display in place of the old theme.
    changing-themes-5-final-moodle

Congratulations, the theme for your Moodle site was changed!

Trust your website to an industry leader in website hosting. Secure web hosting with InMotion Hosting and enjoy 99.99% uptime, 24/7/365 technical support, and risk-free money-back guarantee. 

AK
Alyssa Kordek Content Writer I

Alyssa started working for InMotion Hosting in 2015 as a member of the Technical Support team. Before being promoted to Technical Writer, Alyssa developed expertise in the fields of server hardware, Linux operating systems, cPanel, and WordPress. She now works to produce quality technical content featuring cutting-edge topics such as machine learning, data center infrastructure, and graphics card technology.

More Articles by Alyssa

Was this article helpful? Let us know!