Skip to content

Siteation/magento2-theme-tokens

Repository files navigation

Siteation - Magento 2 module Theme Tokens

Packagist Version Supported Magento Versions Hyvä Themes Supported License

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! 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.

First make sure your styles support CSS variables

Sample config with Hyva Tailwind Config

After this you can configure your tokens, Go to Stores > Configuration > Siteation > Design Tokens. Enter your the tokens in the desired format.

Sample config with Hyva Tailwind Config

Once you have set your tokens, they will be output as CSS variables to the frontend.

Before After
preview-1 preview-2