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.
2076 sites
5k downloads
44 fans

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 Rodrigo Mady
    Wed, Feb 5, 2020, 4:30 AM
    @Muhammad Nabeel Musharraf,
    We fixed this issue in the last release, please update your theme version.

    @Adegoke Badejo,
    The Moodle has the settings "custommenuitems" for this issue and we just improved it adding an icon for the first parameter.
    Example: fa-puzzle-piece Courses | MOODLE_URL/course

    @Luis Armando Nieves De la Hoz
    Do you want to change the image just for mobile? If the answer is yes, you can do it using media querys with CSS.
  • Picture of Rodrigo Mady
    Wed, Feb 5, 2020, 4:37 AM
    Hi @Suzana de Andrade Ferreira,

    In this moment you can do not resize the small logo just by adding CSS, please add this to your Moodle SCSS and change the value 35px according to your necessities:
    nav.navbar .logo img {
    max-height: 35px;
    }

    Or you can change by yourself the line https://github.com/trema-tech/moodle-theme_trema/blob/d0361154c0ff60bb202552a189dbc0275481540f/classes/output/core_renderer.php%23L69 to call the logo instead of small logo.
  • Picture of Rodrigo Mady
    Wed, Feb 5, 2020, 4:42 AM
    Hi @João Cardoso,

    We made some tests and we didn't figure out what is your problem with cross browser. But maybe you have to update them.
    Please, can you explain better your issue in github?

    Ps.: some pictures will help us to help you.
  • Picture of Rodrigo Mady
    Wed, Feb 5, 2020, 4:50 AM
    Hi there @ghilang rmg,

    We fixed this issue in the last release.
    Can you test for us?
    And if it persist can you explain better your issue in github?

    Ps.: some pictures will help us to help you.
  • Picture of Rodrigo Mady
    Wed, Feb 5, 2020, 4:56 AM
    Hello @Informatica Percimon,

    We don't undestand what is your issue with particles. You can add particles in trema global settings or configure an image for login page.
    In MOODLE_URL/admin/settings.php?section=logos you can add the logo from your website.

    Can you explain better your issue in github?

    Ps.: some pictures will help us to help you.

    Muchas gracias
  • Picture of NAMA Coconut
    Thu, Mar 5, 2020, 2:50 AM
    hello guys,
    so grateful for your work, it's really pretty theme,
    my question is when I change the language to arabic the home page gets missy , please can you give me an idea how to fix the front page title if the language changed?
  • Picture of Sebastian Stetter
    Fri, Mar 20, 2020, 5:19 PM
    Thanks for this awesome theme!
    I had a problem, though:
    On the frontpage, in the courses summaries the course titles are not filtered and thus do not support multi-language content filtering.
    To fix this you need to edit the file:
    /theme/trema/classes/output/core/course_renderer.php
    replace the line containing
    'title' => $course->fullname,
    with
    'title' => format_text($course->fullname,FORMAT_HTML),

    After that, course titles are filtered and {mlang xx}My Text{mlang} tags work on the frontpage as well.
    Thanks again for this beautiful theme.
    All the best!
  • Picture of José Matias
    Sat, Apr 4, 2020, 9:19 AM
    Olá meu amigo, tudo bem? Estou passando por um problema no trema. Quando eu seleciono o formato blocos (tiles) para os cursos aparece uma caixa preta em cima do circulo que marca a atividade como concluída. É normal ou só o meu acontece? Obrigado e agradeço por disponiilizar um tema tão bom.
  • Picture of Alma Rosa Jimenez Islas
    Thu, May 7, 2020, 6:14 AM
    Genial tema, la verdad me ha fascinado mucho, hace unos dias lo implemente. Solo tengo una duda, puedo modificar la parte del pie de pagina donde dice:
    "Usted está ingresado como Administrador Usuario (Salir)
    Resumen de conservación de datos
    ©Tema Trema"

    Muchas gracias de antemano.
  • Picture of Anderson Benites
    Fri, May 15, 2020, 2:25 AM
    Boa tarde! Vocês podem me dizer, por gentileza, como faço para editar o rodapé? Qual arquivo devo editar? Quero trocar as informações que estão lá, principalmente o contato. Desde já agradeço.
  • Picture of Colectando Sol
    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!
  • Picture of Emil Mandyczewsky
    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
  • Picture of Yong Ra
    Fri, Jun 19, 2020, 10:30 PM
    When will you be updating the theme to work with 3.9?
  • Picture of Wim Boogaerts
    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?
  • Picture of Suzana de Andrade Ferreira
    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!
1 2 3 4
Please login to post comments