H5P Themer icon

H5P Themer

Maintained by Matheus Mathias
H5P Themer is a Moodle local plugin that allows administrators to centrally customize the visual themes (colors) and density of H5P content, supporting both the traditional mod_hvp plugin and the Moodle Core H5P system (core_h5p/ mod_h5pactivity).
Price option: Free

Supports Moodle 4.5-5.2 See all versions
Latest release: 3 days ago
Installations: 3
Downloads (last 90 days): 34

Frankenstyle name: local_h5pthemer
Local plugins

Description

H5P Themer (local_h5pthemer) is a local plugin that allows you to customize the visual appearance (colors and density) of H5P content to match your institution's branding.

This project is a Moodle adaptation of the excellent WordPress H5P Themer plugin created by Oliver Otacke (SNORDIAN), bringing its layout customization capabilities to the Moodle ecosystem.

Key Features
  • Visual Admin Panel: Administrators can create, edit, and save multiple color presets using an intuitive visual interface powered by the h5p-theme-picker web component.

  • Course-Level Overrides: Teachers can choose specific themes for individual courses directly from the course navigation menu.

  • Universal Support: Works seamlessly with both the classic mod_hvp plugin and Moodle's native core_h5p (Content Bank / H5P Activity).

  • Density Control: Adjust the layout size of H5P components using large, medium, or small density settings.

  • Robust Injection: Uses an advanced JavaScript AMD module with MutationObserver to ensure styles are perfectly injected, even inside Moodle Core's nested iframes and dynamic AJAX modals.

Contributors

Awards

Privacy friendly