Magento 2 Email Theme & Styling Skill

Purpose

This skill provides comprehensive guidance on theming and styling Magento 2 transactional emails via theme files. It covers the full email rendering pipeline, CSS inlining architecture, template override patterns, Hyvä Email module integration, and the Tailwind-to-LESS compilation approach.

When to Use This Skill

• Customizing the look and feel of transactional emails (order confirmation, account creation, etc.)
• Overriding email header/footer templates via the theme
• Adding custom CSS styles to emails
• Setting up a custom email logo
• Debugging email rendering or CSS inlining issues
• Understanding how Hyvä interacts with the email system
• Using Tailwind CSS as a source for email styles

Architecture Overview

Email Rendering Pipeline