moodle5-theme
Moodle 5 Theme Development
Skill for creating and modifying Moodle 5.1.3+ themes based on Boost (Bootstrap 5.3).
Quick Context
Moodle 5.1+ uses Bootstrap 5.3, themes reside under public/theme/, and layout inheritance from the parent theme is automatic. The SCSS pipeline has three phases: pre-SCSS → main (preset) → extra-SCSS. Templates use Mustache with Moodle-specific helpers ({{#str}}, {{#pix}}, {{#js}}).
Workflow
1. Understand What the User Needs
Before generating code, determine:
- New or existing theme? If new, generate the complete scaffolding. If existing, ask for the theme name (Frankenstyle component
theme_name). - What do they want to change? Styles/colors (→ SCSS), page structure (→ templates/layouts), admin options (→ settings), rendering behavior (→ renderers), icons/images (→ pix_core/pix_plugins).
- Theme name: The Frankenstyle identifier (
theme_mytheme) that will be used across all files.
2. Consult the Appropriate Reference
More from nicolasflores9/skills
joomla-plugin-development
Master modern plugin development in Joomla 5/6. Learn to create robust extensions using SubscriberInterface, Event Classes, dependency injection, and PSR-4. Covers manifest.xml, service providers, system/content/user events, namespaces, and security best practices.
19joomla-template-overrides
Master the template overrides system in Joomla 5/6. Customize component views (com_content, articles, categories), modules, plugins, create alternative layouts, use JLayout for reusable components, implement child templates and field overrides. Includes complete examples of blog_item.php, article/default.php, mod_login, layout alternatives, best practices and troubleshooting.
16joomla-database-queries
Joomla 5/6 database queries: SELECT, INSERT, UPDATE, DELETE, JOINs, Prepared Statements, DatabaseDriver, query chaining, SQL injection prevention, advanced filtering, sorting and pagination.
15joomla-frontend-integration
Frontend integration (CSS/JS) in Joomla 5/6 with Helix Framework. WebAssetManager, Bootstrap 5, SP Page Builder, responsive design, and Web Components.
14joomla-custom-fields
Master custom fields in Joomla 5/6. Learn to create, manage, and render Custom Fields. Use FieldsHelper for programmatic access, query #__fields and #__fields_values, implement template overrides, integrate into modules and components. Internal triggers: joomla custom field, custom field, FieldsHelper, #__fields, joomla article fields, field group joomla.
12helix-child-template
Create and customize child templates with Helix Ultimate for Joomla 5/6. Master protected overrides, custom CSS/JS, module positions, megamenus, and safe updates. Triggers - helix child template, child template joomla, helix ultimate, helix override, custom.css helix, helix template customize, helix framework
4