Themes: Trema

theme_trema
Maintained by Picture of Trevor FurtadoTrevor Furtado, Picture of Rodrigo MadyRodrigo 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.
353 sites
2k downloads
17 fans
Current versions available: 2

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: https://moodle.org/user/profile.php?id=2435964 
Web profile: https://github.com/rmady 

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.

Documentation

Documentation is available in Theme Trema.

Particles.js

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



Screenshots

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

Contributors

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

Comments RSS

Show comments
  • Picture of Tina Brixen
    Thu, Feb 28, 2019, 8:42 PM
    Great theme
    Really like the simplicity of look and flexibility of color theme
    And great to see that you styled the quiz.
    One input
    I am currently using adaptable and their course setup use a better looking set of icons, for activities and resources + plus a layout setting for these elements, so the student clearly can look down the page and see hver is the assignment, quiz, file.

    Thanks Tina
  • Picture of Rodrigo Mady
    Fri, Mar 1, 2019, 5:15 AM
    Hi Wei Chieng Chiew,

    This error was occurring due to a change made in Moodle 3.6 and we did not realize that this would affect 3.5. We created a separate version for Moodle 3.5, can you try it?
    Thank you for your feedback!
  • Picture of Rodrigo Mady
    Fri, Mar 1, 2019, 5:19 AM
    Hey Tina Brixen,

    We are sure that Adaptable has great features that we also want to implement. But now we are focusing on adapting with the management of Moodle plugins (this is our first published plugin) and finishing the documentation.
    Thanks for the suggestion, hope that we can work on it later and be sure that we'll work to make trema better.
  • Picture of Wei Chieng Chiew
    Fri, Mar 1, 2019, 9:57 AM
    Hi Rodrigo Mady,

    I am using Moodle 3.6.2, after the update, the error is solved. Thank you.
  • Picture of Tariq Sadeck
    Thu, Mar 28, 2019, 9:29 PM
    Hi Rodrigo Mady

    Some feedback. Love the theme! Modern and eye catching.

    I have an instances installed on subfolders of a domain (e.g. https://demodomain.com/moodle1).

    On the site homepage "Available courses", the links are clickable however when clicking on the image, the image directs to the root folder and therefore gives a 404 error:
    e.g.
    https://demodomain.com/course/view.php?id=3
    --> instead of
    https://demodomain.com/moodle1/course/view.php?id=3

    I found a workaround by editing line 207 of trema/classes/output/core/course_renderer.php as below:
    $content = html_writer::start_tag('a', array ('href' => '/course/view.php?id='.$course->id, 'class' => 'course-card-img'));
    ---> to
    $content = html_writer::start_tag('a', array ('href' => $CFG->wwwroot.'/course/view.php?id='.$course->id, 'class' => 'course-card-img'));
  • Picture of Trevor Furtado
    Mon, Apr 1, 2019, 6:29 AM
    Tariq,

    Thanks for reporting not only the bug but the solution too. We have already made the correction and it should be present in the next release.
    Feel free to do a 'pull request' on our github if you have other improvements.
  • Picture of Andy Hill
    Mon, Apr 22, 2019, 3:42 PM
    Hi Guys

    Excellent work and very good eye catching theme. Love the new look however after loading this theme on my samsung s9+ it appears the main image doesnt adjust to mobile format fully and the text does not wrap. Everything below this ie cards and login etc is fine. Just thought id feed this back but cracking theme, look forward to using this. Andy
  • Picture of Kasper Nowak
    Fri, Apr 26, 2019, 12:04 AM
    Amazing looking theme!

    I have some questions about it though.
    Is it possible to customize the particles at the login page more than just the color?
    And do you have some documentation on the theme somewhere? The link in the description above just takes me to the demo site, with very limited documentation.
  • Picture of Trevor Furtado
    Fri, May 3, 2019, 4:52 AM
    Kasper,

    Unfortunately for now we only have the color settings, we need to add the other options in the future. But you can perform this customization by replacing the theme/ trema/particles.json file, use https://vincentgarreau.com/particles.js/ to test different settings and generate the new file. Add "fps_limit": 40," right after the first curly brace, this key was added to improve performance.

    The documentation we hope to release soon together with the version compatible with Moodle 3.7.
  • Picture of Rodrigo Mady
    Fri, May 3, 2019, 5:02 AM
    Hi there Andy,

    We fix this mobile issue in commit https://github.com/trema-tech/moodle-theme_trema/commit/33fbe26bb344d7b8aca06b344ca474efb47ea99c
    Can you test for us?
    We hope to release this commit as soon as version of Moodle 3.7 is available.

    Thanks for the suggestion and for make trema better.
  • Picture of Yan naing oo
    Fri, May 10, 2019, 4:10 PM
    Awesome theme!

    But one question here is there anyway to make visible "Available course" without logging in with any account type at the front page?

    After logging in as guest or any account type is showing all available courses.

    Thanks Yan.
  • Picture of Luis Quinonez
    Wed, May 15, 2019, 12:42 PM
    you mean when you say 102-102 active enrollments?
  • Picture of Rodrigo Mady
    Wed, May 15, 2019, 11:27 PM
    Hi there Yan naing,

    I don't know if I get your point but I think that you are talking about the frontpage list of courses.
    Yes, you can add for any user.
    See this instructions: https://elearning.3rdwavemedia.com/blog/moodle-tip-how-to-hide-available-courses-section-on-the-front-page/3862/
  • Picture of vousmaei maei
    Thu, May 16, 2019, 3:09 PM
    I want to know how to put a logo on the login page and Custom navbar icons thank you
  • Picture of Rodrigo Mady
    Thu, May 16, 2019, 8:48 PM
    Hi there vousmaei maei,

    You should access /admin/settings.php?section=logos to add your logos.

    And /admin/settings.php?section=themesettings to add custom navbar icons.
    Do something like this is settings custommenuitems:
    fa-puzzle-piece Plugins | https://trema.tech/course
1 2
Please login to post comments