Moodle Plugins directory: Trema | Moodle.org
Trema
Michael MiletteThe 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.
Trema Key features
Trema supports all of the features from the core Boost theme plus:
General
- Customizable page background image.
- Choose from a selectable link style.
- Hide default primary menu items like Home, Dashboard, My Courses, and Site Administration.
- Align the primary menu to the left, center or right.
- Remove the Log out link from the user menu so you can implement your own custom logout link.
- Add a custom favicon for brand identity.
- Site Administrators can access an exclusive Admin Dashboard with insightful site information.
- Enhance aesthetics with optional decorative Trema lines.
- Soften the look with rounded corners for elements such as buttons, cards, secondary navbars, etc...
- Supports multi-language courses and content.
- Improved accessibility.
- Offline friendly - This theme will work without access to the Internet.
Frontpage
- Configurable optional image banner or content slider with customizable text.
- Flexible banner/content slider height from 50% to full page.
- Adjust banner font family, title spacing, and text case. Color is configurable too.
- Create up to six captivating cards with custom content and icons.
- Incorporates space for additional unrestricted HTML content.
- Hide links to Page activities allows you to create static pages such as Help/FAQ, Contact Us, About Us and more.
- Implement an Admin area block that is exclusively visible to Site Administrators.
Branding
- Implement your organization's branding effortlessly with a choice of font and colors.
- Adhere to the 60-30-10 design rule for a visually appealing site.
- Tailor primary, secondary and body background colours.
- Select the colors for the navbar, Log In button, drawers, and footer.
- Choose from 15 different fonts for site content, front page titles, and headings.
- Control text case for some content.
- Automatic font color selection based on background colours ensures optimal color contrast ratios for accessibility.
Login
- Personalize the login page with an optional background image.
- Opt to display the 'Create account' section first.
- Streamline access for OAuth2 authentication by hiding the login form fields.
Course Lists and Search Results
- Present course lists and search results elegantly as cards.
- Control the display of course contacts and the course's category in course cards.
- Display the course summary in modals, popovers, or as a link.
- Flexibility to show or hide courses located in hidden categories.
Course Navigation
- Show activity navigation buttons -- navigate directly to the next or previous course activity.
- Option to hide activity icons on the course page.
Footer
- Choose between a Boost-style popup footer or a classic HTML footer.
- Choose to display or hide information in the footer.
- Remove Moodle and Trema branding for a white-label experience.
- Adjust the footer background opacity and color.
User Profile
- Hide Moodle core profile fields on the Registration and Edit Profile page for a streamlined experience.
Development and Support
Trema is continuously developed and maintained by:
The ongoing development of Trema is partially sponsored by TNG Consulting Inc.
Previous maintainer: Trevor Furtado | GitHub
For support or to report a bug and suggestions, visit the GitHub Issues. For quick support, please contact the current maintainers directly using the links above.
Installation and Demo
Note that some features may not be available when using older releases of Moodle LMS and Trema.
- Download the version of Trema that is compatible with your Moodle version.
- See the installation and uninstallation instructions in the README.md documentation.
Experience all the features of the Trema theme by visiting the Trema demo site Use the following credentials to log in:
- Login: aluno01
- Password: aluno01
Documentation
Additional information is available in the README.md file included with the plugin.
Screenshots
Contributors
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.
We have a new release for 4.4, 4.3, 4.2, 4.1, and 4.0, please check it out and let me know what do you think of these improvements. We changed and added a lot of features, so yes, now Trema is more than just a theme — it's a platform enhancer.
If you find some issues, please feel free to create a new ticket in our Github repo.
Thanks again for your feedback. Your time and effort are very much appreciated.
And many kudos to Michael Milette who worked a lot on this new version lol
We hope you enjoy
Kind regards,
Rodrigo Mady
How can i edit the banner slides on the frontpage please? and when you add more than one banner image, the image moves when scrolling down. any can help with this please ?
thanks
You can edit the banner slides displayed on the front page by going to the Trema settings and clicking on the "Frontpage" tab (since release 4.4.0.0). Select the number of slides you want, (0, 1 or 2+) and click save. When the page reloads, there will be places for more slides.
We are aware of the image moving and are working on a solution. To track progress on this issue, comment on the following ticket and you will be automatically notified when the issue is resolved.
Best regards,
MIchael Milette
* Enhanced customization options for a more personalized experience.
* Streamlined navigation with intuitive course display features.
* Branding flexibility to align with your organization's identity.
* Improved user profile management for a seamless user journey.
* Bug fixes and enhancements for optimal functionality.
* ...and so much more! See the release notes for more details.
Download the latest version of Trema and elevate your Moodle experience to new heights!
Thank you for your continued support and feedback. We're excited to bring you these enhancements and look forward to your feedback!
suspended (error ID '2')
Hope you find this information helpful.
Best regards,
Michael Milette
I need to put the Main Menu, which is in the top bar in lowercase letters. Where can I change this?
Tks.
A setting was recently added to Trema for that. What version of Trema do you have and on which version of Moodle?
Best regards,
Michael Milette
Is there a setting in the new version to move the login box back to the centre of the screen.
Thanks
I did an initial version of the login box alignment, please check it out in the GitHub dev branch or this commit: https://github.com/trema-tech/moodle-theme_trema/commit/1334f6a2a7f5de1841c5fa5a464344f8f07f571b
Kind regards,
Rodrigo Mady
The credentials doesn't work for login.
Login: aluno01
Password: aluno01
Can please update this?
Thanks!