Themes ::: theme_trema
Maintained by Trevor Furtado, Rodrigo Mady
Trema has a focus on usability and beauty, so for that to became real the developers have tried to make something clean and usable for everyone in the community.
Latest release:
3176 sites
66 fans
Current versions available: 3

The "Trema" Moodle Theme

The theme Trema has a focus on usability and beauty, so for that to became real the developers have tried to make something clean and usable for everyone in the community.

The main goal for this theme is that the Moodle site will not need another site for information/advertising/marketing.

Nice features in trema: - It's based in the boost theme, so it will continue to be compatible with Moodle for a long time.

  • The frontpage is fully customized. It's possible to change the image banner. You can create up to six beautiful cards with custom contents and you can add custom HTML content with no restrictions.

  • The login page is awesome with Particles lib.

  • We really use Bootstrap to make the theme fully responsive.

  • The footer is highly customizable and we have an exclusive admin area block that can be seen and accessed only by the site administrator.

  • Thinking a little more about the administrators we made the admin dashboard area, so that they can see in real time some data about their Moodle.

  • The colours scheme can be changed in the theme settings.

Developed and maintained by

Rodrigo Mady 
Moodle profile: 
Web profile: 

Trevor Furtado 
Moodle profile: 
Web profile: 


As Trema is licensed under the GNU GPLv3 License it comes with NO support. So if you need some help talk to us in 'Moodle profile' in 'Developed and maintained by' above and we can discuss some improvements. To inform errors access Github Issues.


Ensure you have the version of Moodle as stated above in 'Required version of Moodle'. This is necessary as the theme relies on underlying core code. Move the folder trema to /theme/ folder from your Moodle installation. Access the Moodle Administration page (/admin) for do the necessary updates in your database.

For uninstalling trema you must change the theme. And in /theme/ remove the folder trema.

See the demo site

A demo site showing all available features of Theme Trema.


Documentation is available in Theme Trema.


The theme trema use the particles.js a lightweight JavaScript library for creating particles in login.


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4


Trevor Furtado (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Sun, May 17, 2020, 7:55 AM
    Hi David! Very beautiful theme! Have two questions:

    - Is there a way of remove Nav Drawer, with the hamburger manu and everything?
    - Is there also a way to remove the home button (theme_trema | frontpagebuttonclass)?

    I'm asking this, because I would like to have the UI as flat as possible.

    Many thanks!
  • Thu, May 28, 2020, 12:08 PM
    Hi there
    Pretty new to Moodle and am very happy with your theme.
    In trying to make it most useful to me could I ask a couple of hopefully simple questions...
    Is there a way to place the 'Add a Block' dropdown into the Navigation Drawer by default as it is in Boost?
    Is the footer height adjustable? The footer takes up a great deal of room particularly when using SCORM packages making it necessary to scroll content.
    Many thanks
  • Fri, Jun 19, 2020, 10:30 PM
    When will you be updating the theme to work with 3.9?
  • Fri, Jun 26, 2020, 6:00 PM
    Hey there, absolutely loving the theme!

    I'm fairly new to Moodle so forgive me if this is found elsewhere, but is there a way to display "All Courses" to users, somewhere in the sidebar (on the left)?

    I'd like users to be able to enrol themselves and noticed there was an "Available Courses" block on the Homepage, yet I'm unable to add something like this to the Dashboard or to the sidebar on the left.

    Additionally: In Moodle 3.9 it seems like the Admin Dashboard in the theme settings currently renders my homepage unusable, perhaps I'm doing something wrong here?
  • Wed, Jul 8, 2020, 4:08 AM
    This theme is a great option, but I got some points:
    - An option to not use overlay background at banner on frontpage.
    - Option to change the particle.js speed or element, the element size too.
    Thank you very much!
  • Fri, Aug 14, 2020, 1:44 AM
    Oi Rodrigo e Trevor!
    Hope you are doing great!
    Trema is my favorite theme by far! The bestest of all so far! Thank you very much for your work.

    I get in contact because I've got a problem since the last moodle upgrade.

    I've recently upgraded from moodle 3.8.4 to 3.9.1+ and found that there's an issue with cloze questions.
    When displaying cloze questions a line break is inserted after each blank, shortanswer or multichoice.

    Here's an image of how a cloze question looks like when trying a quiz using trema lastest realease

    While this is how the same question looks like with boost:

    How can I do to get it corrected?
    Hope you can help me!

  • Tue, Aug 18, 2020, 7:45 PM
    I'd reccomend the new particles library tsParticles for replacing the obsolete and abandoned particles.js

    You can see some demos here:

    Here's the repository:

    Coming from particles.js is really easy to migrate.
  • Wed, Sep 30, 2020, 2:54 PM
    Wonderful theme indeed. Is it possible to use the ENTER button at the top of the picture as a DROP DOWN selection one, so that the learner can select which category to view out of the total categories listed? Thank u
  • Tue, Nov 24, 2020, 1:54 PM
    Hello Guys - Great Work on the thems. We love it!
    We have an issue with the Grading form Tables - Tables in the editor view duplicate and go all strange when we click in the tables - it does not look like its working correctly. Please help.

    We did not have the same problem using the KLASS theme previously - Please images shared here:
  • Fri, Dec 4, 2020, 8:04 AM
    Is there a way to not have drop-down lists in Quiz questions (or fill in the blank spaces) not appear on a separate line/be 100% the width of the container? This ruins the way one might normally try to lay out a quiz:

    Regular Version (photo from Moodle documentation)

    Trema version
  • Thu, Feb 25, 2021, 6:34 AM
    gostaria de a data para lançar a versão do TREMA 3.10 , pois atualizei o meu MOODLE , e gostei deste tema , aguardo possível atualização da versão 3.10
  • Tue, Apr 27, 2021, 6:44 AM
    Hi people ^^

    I just release a version of theme trema for Moodle 3.10. I'm sorry for the delay, but the things are a little bit hard in Brazil.
    We are trying to keep our mental health over here.
    We didn't leave our "son" and really want to keep its alive and updated.

    We are really gratfull for the colabs from Daniel Neis (@danielneis), @techAdventurer, Michael Douglas (@michaelmeneses) and Sebastian Stetter.

    Thanks, take care and I promisse that I'll fix more bugs as soon as possible ahahha
  • Daniel
    Mon, May 24, 2021, 2:33 PM
    How can I change the background colour of the footer?
    Thank you for your answer.
  • Wed, Jun 9, 2021, 10:44 PM
    Hi there Daniel Méthot,

    You can change it just by SCSS code:

    #page-footer {
    background-color: white;

    Obs.: change the "white" for the colour that you want.
  • Thu, Jun 17, 2021, 6:37 PM
    I just update my moodle to moodle 3.11+ and add activity does not work in moodle 3.11.
    can i fix it?
1 2 3 4
Please login to post comments