Themes: Trema
Trevor Furtado, 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.
Useful links
Screenshots
Contributors
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.
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.
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.
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.
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/
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
Second problem - and it's a big problem is in test activity. When somebody try to end test he can't click on save all answers and end test because the button is hidden by other activity on course (even hidden activity). The activity title is on the first stage and it's hiding the end test button. Do you plan to fix it? Other way i must to use other theme (after theme change everything is okay).
Thank you very much and excellent work.
Site administration > Appearance > Themes > Trema > Content > Frontpage button href
Change de value to:
#frontpage-available-course-list
If the title get hidden by the navbar, you can add something like this in the "Raw SCSS" setting to add some space:
div#frontpage-available-course-list:target {
padding-top: 5rem;
}
You can also use a link to another page instead of the anchor in the href setting.
I have a question, maybe simple, when we edit the html using the atto editor, we only see a few lines and it is difficult to edit, because the cursor cannot access. Can you see that? Or just me?
https://www.screencast.com/t/2bH3fzsSh
Thanks!
Suzana
Yes, this bug is real and it's fixed now heuheuhe
I'll make another release as soon as possible.
Thanks a lot for the contrib
And them, in Site administration > Appereance > Themes > Trema > General Settings > Raw SCSS, add:
#frontpage-banner {
background-image: url(https://YOUR_BACKGROUND_IMAGE_URL);
}