siteation/magento2-theme-tokens

Customize your theme with ease with Design Tokens (CSS props)

Siteation - Magento 2 module Theme Tokens

This Magento 2 module makes it easy to manage Design Tokens from the Magento backend.

Once you have set your tokens, they will be output as CSS variables to the frontend, making it easy to style your website with consistent and reusable code.

Installation

Install the package via;

composer require siteation/magento2-theme-tokens
bin/magento setup:upgrade

Note This Module requires Magento 2.4 or higher and Hyvä Theme! For more requirements see the composer.json.

How to use

Once the module is installed, you can manage your Design Tokens from the Magento backend.

1. Go to Stores > Configuration > Siteation > Design Tokens.
2. Enter your the tokens in the desired format.
3. Once you have set your tokens, they will be output as CSS variables to the frontend.