Themes ::: theme_foundation
Maintained by Gareth J BarnardGareth J Barnard
This is a Bootstrap theme that aims to be minimalistic and modern in look.
Latest release:
679 sites
28 fans


This is a Bootstrap version 4 theme that aims to be different and yet at the same time have some traditions of the past.  It does not extend the Boost theme but rather 'pull' the files it needs from it because that is where they are currently stored.  No navigation drawer or docking has been implemented.  However, you can collapse and expand blocks and put them in a 'drawer' region.

There is added support for 'partial' templates which can then be imported into a main template with the syntax '> partial/mypartial'.  Currently the theme does not work when placed within a $CFG->themedir folder.


  • Bootstrap V4 CSS with core Moodle CSS..
  • Child theme capable - in 'beta'.
  • Custom SCSS.
  • Custom Swatches from and licensed under the MIT License (MIT).
  • Partial template support.
  • Theme modules - in 'beta', see the swatch_modules.php file.

Moodle 3.5 version discontinued

Because of a recently found issue with User Tours not working, which is fixed in the Moodle 3.6 version ( but not the 3.5, I have decided to stop development on the Moodle 3.5 version of the theme.  The fix has implications for lots of other functionality.  This is down to  being required.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6


Gareth J Barnard
Gareth J Barnard (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Mon, Jun 22, 2020, 4:13 PM
    Hello Gareth,
    We have been using the Essential theme since Moodle2.0 it was pretty good. Unfortunately, the development of the Essential Theme has stopped with the Moodle3.6 (our current version of Moodle). Now, we want to upgrade to Moodle3.8. I read your post about the essential theme, and your recommendation to use the Foundation theme.

    I've installed the Foundation theme and experimented with the available settings, also I've changed the few aspects (mainly colors) using SCSS. However, I found the following shortcomings (or differences from the essential). Now, I might have missed something, and there's actually a way to achieve what I need. So I'm listing below the things I hope I could work out.

    1- The front page sliders are not in full width.
    2- There's no read more for the main Site news (the entire thread is displayed on the page).
    3- There's no option to set a background for the site (there's one for the login screen). I think this is doable via SCSS, but I'm wondering if there's a direct way through the settings.
    4- Is there a way to have the navigation section to the left instead of the right?

    I love the responsiveness of the theme and its cleanliness. I just hope if the above points could be resolved (maybe there's a way a missed)

    In this link, you can find a few screenshots of our current customization of the Essential Theme and what are the features we hope to get from the Foundation.

    Once again, thank you for your great work on the Essential theme all these years.

  • Gareth J Barnard
    Wed, Jun 24, 2020, 7:48 PM
    Thanks for the information Mohammad.
  • Wed, Jul 8, 2020, 10:40 PM
    Hi, I installed the Foundation theme for Moodle ver.3.8.3 + but there are a couple of errors.
    The logo at the top left has the wrong link to the site (missing "/" ending) and, still in nav-bar, there are code writings.
    Thanks for your work!
  • Gareth J Barnard
    Wed, Jul 8, 2020, 11:37 PM
    Dear Claudio,

    Interesting. With the link there does not need to be a trailing forward slash. With the navbar, please post a screen shot of the issue on


  • Wed, Jul 8, 2020, 11:48 PM
    With the link there does IS NEED to be a trailing forward slash: for security reasons the link without slash is not accepted.
  • Gareth J Barnard
    Thu, Jul 9, 2020, 12:09 AM
    Ok, just searched and cannot find any security reason why the forward slash is needed. Please supply evidence.
  • Thu, Oct 8, 2020, 5:33 AM
    I have a problem with the last version of theme (
    When I click Login user (top right), it opens and it shows the error: "Call to undefined function course_get_format() "
  • Gareth J Barnard
    Thu, Oct 8, 2020, 6:22 AM
    Not a problem with the theme as it does not call course_get_format() - must be an issue with your installation.
  • Mon, Dec 21, 2020, 1:46 AM
    great theme with h5p custom css. One issue though...why is the h5p editor not using the full width of the screen? And when you press the full-screen button, the "exit full screen" button is invisible....
  • Gareth J Barnard
    Mon, Dec 21, 2020, 1:51 AM
    Dear Thomas,

    I can't visualise the issue, please post a screen shot on

  • Sat, May 1, 2021, 11:57 PM
    Hi, any plan for updating the theme to 3.10, using the new H5P integration instead of HVP plugin?
  • Gareth J Barnard
    Sun, May 2, 2021, 12:24 AM
    Dear Christophe,

    ??? I already have in version for Moodle 3.10, released on 15th March 2021! Current version is, released on the 28th April 2021.

  • Thu, Sep 30, 2021, 6:09 PM
    Hi, we have a Foundation theme installed on our Moodle 3.11.1. We have all courses set to grid layout. We use two columns: right and central. Would like to add a block above the Summary section in our courses. We noticed that the regions might be Poster, Marketing and Drawer, but we do not know, where they are or how to enable them. We could not found any documentation about this, except some code on github.

    Thanks for help.

  • Gareth J Barnard
    Thu, Sep 30, 2021, 10:37 PM
    Dear Mitja,

    Foundation 'open source' and provided under the GPLv3 license 'AS IS'. Therefore with an understanding PHP and Moodle Themes, then its possible to understand the code and solve your specific problem. Where I've felt I've needed to, I have placed comments in the code that explain things.

    Kind regards,

  • Fri, Oct 1, 2021, 7:09 PM
    Dear Gareth, thank you for your reply.
1 2
Please login to post comments