Trema

Themes ::: theme_trema
Maintained by Rodrigo Mady, Michael Milette
The Trema theme is a free, responsive Moodle theme that offers a clean and modern design. One unique aspect of the Trema theme is its ability to display course information in a grid format, which can be particularly useful for sites with many courses. Additionally, it includes options for customizable frontpage, login page, and footer. Overall, the Trema theme for Moodle aims to provide a visually appealing and user-friendly interface for Moodle users.
Latest release:
3596 sites
1k downloads
105 fans
Current versions available: 5

The "Trema" Moodle Theme

The Trema theme is a free, responsive Moodle theme that offers a clean and modern design. One unique aspect of the Trema theme is its ability to display course information in a grid format, which can be particularly useful for sites with many courses. Additionally, it includes options for a customizable frontpage, login page, and footer. Overall, the Trema theme for Moodle aims to provide a visually appealing and user-friendly interface for Moodle users. The main goal for this theme is to not need another site for information/advertising/marketing.

Nice features in trema: 

  • It's based on 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 content and you can add custom HTML content with no restrictions.

  • 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 colour scheme can be changed in the theme settings.

Developed and maintained by

Rodrigo Mady 
Moodle profile: https://moodle.org/user/profile.php?id=2435964 
Web profile: https://github.com/rmady 

Michael Milette
Moodle profile: https://moodle.org/user/profile.php?id=1615960
Web profile: https://github.com/michael-milette

Previous maintainer

Trevor Furtado
Moodle profile: https://moodle.org/user/profile.php?id=1192335
Web profile: https://github.com/trevorfurtado

Support

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.

Installation

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.
login and password: aluno01

Documentation

Documentation is available in Theme Trema.

Particles.js - will be deprecated in Moodle 4.4

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

Donate

Please, donate for helping us to improve Theme Trema more and more: 
https://www.paypal.com/donate/?hosted_button_id=6FBZMX8PFPS3Y&source=qr


Screenshots

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

Contributors

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

Comments RSS

Show comments
  • Eagle House
    බ්‍රහස්, 12 ජන 2023, 10:33 AM
    Hello,

    I think this is the best theme for Moodle I've seen. Is there a way to change the color of the thin bar that is at the top of each block?
  • Joanne Tucker
    සිකු, 13 ජන 2023, 10:29 PM
    I really like this theme and appreciate all the work the developers have invested. It's got a great look and feel, but I would really like to see the signup form use the card layout styles used on the login page in Trema (and, indeed, in the signup form in Boost). With a background image the signup form is really hard to read and a bit clunky being full screen. I'm trying to figure out what css to change/add but I'm struggling a bit. Any suggestions?
  • Joanne Tucker
    සෙන, 15 අප්‍රේල් 2023, 10:58 PM
    Is this theme still being actively developed/maintained?
  • Rodrigo Mady
    බ්‍රහස්, 20 අප්‍රේල් 2023, 7:26 AM
    Hello Joanne Tucker,
    Yes, we'll get the new version soon.
  • Rodrigo Mady
    සිකු, 21 අප්‍රේල් 2023, 10:51 PM
    Hello everyone ^^
    I draft a new release for version 4.1.
    I fixed these minor issues that you told me about. Please, let me know if you find out any others issues with it. I'll put these changes in version 4.0 soon.
    For version 4.2 I already saw that I have to review a lot of pages, but in general, we have just small adjustments to do.
    I know that I must improve the documentation and add some examples to it. I hope I find out some time for it soon too. I already have the new versions configured on my online site, but I'm working on the improvements to the documentation and examples now.
    Thanks very much for your support and patience සිනහව
  • Andrew Lian
    ඉරිදා, 25 ජූනි 2023, 2:43 AM
    Hello - Just upgraded to moodle 4.2 - and now get the following error on a couple of menu items: "Exception - Cannot access protected property core\check\result::$status".
    I suspect it is a problem between Trema and 4.2 as the error disappears if I use the Boost theme. I am aware you make no claim that Trema will work with 4.2 but I was just hoping I guess.
    I love Trema and would really prefer to use Trema but understand the problems of constant maintenance. Thank you very much.
    Andrew
  • Fabio R L
    බදාදා, 28 ජූනි 2023, 3:37 AM
    Hello. I have the same problem reported by colleague Andrew Lian (Sun., 25 Jun. 2023, 02:43 AM), however, I noticed that it prevailed in the panel link. I googled the "enabledashboard" option and disabled it. With that, my problems are over. And I also love TREMA, I haven't given up looking for a solution to keep using it. Kudos to the developers of this theme.
  • Giovanni Conte
    බදාදා, 8 නොවැ 2023, 10:21 PM
    Hello, I have upgraded to moodle version 4.1.6, and used the lastest version of the Trema theme. But, after going to the Dashboard as soosn as I click to open the drawer I am getting the following error: "Error updating user preference 'drawer-open-block' using ajax. Clicking this link will repeat the Ajax call that failed so you can see the error: " as warning pop up window. But, after clicking on the "Ok" button of the button pop up window, it does not apper anymore. The problem is everytime I log back into it, and go to the Dashboard and open the drawer the error message appears again. Could someone have a look at it, and try to fix the issue, becaue we really like the Trema theme and would like to keep on using it. This is the error I see when I look at the inspect console: "Failed to load resource: the server responded with a status of 404 (Not Found)
    /lib/ajax/setuserpref.php?sesskey=heUrxjEJuN&pref=drawer-open-block&value=true". FYI, I did I test by selecting the Boost theme insetad of Trema, and when I do the above mentioned steps I do not get the error. Thank you. Giovanni.
  • Rodrigo Mady
    සඳුදා, 20 නොවැ 2023, 11:44 PM
    Hello moodlers,
    We have a new release for 4.3, please check it out and let me know if you find out more bugs or any improvements.
    Add Michael Milette as maintainer lol
    - Fix minors bugs in the layout of login, badges, secondary navigation margin, login username placeholder and some minors
    - Fix minors bugs in code checker
    - Fix CSS style lint errors
    - Add settings for body background color
    - #168: Fix status access for environment issues
    - #173: Fixed deprecation of user_preference_allow_ajax_update
    - #163: Fixed css on age of consent verification.
    - #150: Fixed primary menu vertial alignment.
    - #140: Fixed alignment of search form in Site Administration.
    Thank you Michael Milette, you are awesome lol

    PS.: in the next major, 4.4, we'll no longer support particles in our login page.

    Kind regards,
    Rodrigo Mady
  • John Nicholson
    බ්‍රහස්, 18 ජන 2024, 7:23 AM
    I'm exploring using Trema as the site theme for our learning platform. We have certain branding colors that I need to incorporate. I've added the CSS below which changes the button to our brand yellow and the font color to black. However, when I hover over the button it turns completely black. I've not found the CSS which controls the "hover background color". Can anyone advise? ( I know just enough CSS to get myself in trouble, but I'm not an expert!)
    Thanks, John

    /* Trema - Change button color to Cru Yellow */

    body #page input[type="submit"].btn-primary, body #page input[type="reset"].btn-primary, body #page input[type="button"].btn-primary, body #page button.btn-primary, body #page .messaging-area-container .send-button-container button, body #page .btn.btn-primary, body #page .messaging-area-container .send-button-container button.btn {
    background-color: #FFCF07;
    color: #000;
    }
  • Michael Milette
    බ්‍රහස්, 18 ජන 2024, 1:47 PM
    Hi John,

    Take a look at the CSS :hover selector. For more information, see https://www.freecodecamp.org/news/hover-selector/

    Best regards,

    Michael
  • John Nicholson
    සෙන, 20 ජන 2024, 4:33 AM
    Michael - thank you that helped. I added the following to my CSS to specify hover characteristics.

    body #page input[type="submit"].btn-primary:hover, body #page input[type="reset"].btn-primary:hover, body #page input[type="button"].btn-primary:hover, body #page button.btn-primary:hover, body #page .messaging-area-container .send-button-container button:hover, body #page .btn.btn-primary:hover, body #page .messaging-area-container .send-button-container button.btn:hover {
    background-color: #000;
    color: #FFCF07;
    border-color: #FFCF07;
    border-width: 5px;
    }
  • Michael Milette
    සෙන, 20 ජන 2024, 6:02 AM
    Hi John,

    You're very welcome. Thanks for sharing the solution.

    Best regards,

    Michael
  • Gabriel Sato
    අඟහ, 30 ජන 2024, 9:39 PM
    How can I add custom style via IDE? Or is possible only via admin panel?
  • Rodrigo Mady
    බදාදා, 31 ජන 2024, 2:26 AM
    Hello Gabriel Sato,
    What are you trying to do? Yes, you can edit Trema CSS by changing the code on folder SCSS but we don't recommend 'cause depending on how you do this can break the theme Trema on updates.
    tip: you must clear caches after adding/editing/removing the SCSSs.
1 2 3 4 5 6 7
Please login to post comments