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.

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:

• Rodrigo Mady | GitHub
• Michael Milette | GitHub

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.

1. Download the version of Trema that is compatible with your Moodle version.
2. 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.