Hyva Child Theme

The hyva-child-theme is a specialized child theme for the Hyva frontend framework, designed to extend styling and functionality without modifying core files. It allows developers to customize the look and feel of Hyva-powered websites while maintaining compatibility with future updates.

When to use it

• You need to apply custom CSS or layout changes to a site built on the Hyva frontend framework.
• You want to create a distinct brand identity for a store without altering the base Hyva theme code.
• Your project requires a lightweight, isolated theme structure that inherits from the parent Hyva theme.
• You are developing a child theme for an AI agent to manage specific design overrides in a Magento environment.

Key capabilities

• Inherits all styles and assets from the parent Hyva theme automatically.
• Provides a safe environment for overriding templates and layout XML files.
• Enables granular control over CSS selectors, media queries, and component styling.
• Supports standard child theme conventions used in Magento 2 development.

Example prompts

• "Create a custom style.css file for the hyva-child-theme to change the primary button color to blue."
• "Generate a layout XML snippet to add a new sidebar block in the hyva-child-theme configuration."
• "List the necessary steps to activate and configure the hyva-child-theme in a Magento 2 installation."

Tips & gotchas

Ensure the parent Hyva theme is installed and active before attempting to use this child theme, as it relies on its core assets. Always test customizations in a staging environment to prevent unintended conflicts with the parent framework's update cycles.