siteation/magento2-theme-tokens

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

Maintainers

Details

github.com/Siteation/magento2-theme-tokens

Source

Issues

Installs: 3 188

Dependents: 0

Suggesters: 0

Security: 0

Stars: 3

Watchers: 3

Forks: 0

Open Issues: 0

Type:magento2-module

1.0.1 2024-01-16 21:41 UTC

Requires

  • magento/framework: ^103.0
  • magento/module-backend: ^102.0
  • magento/module-store: ^101.1

MIT 8677b74d6870a74c2e1aef0a36acf818947d4d3f

magento2magento2-modulemagento2-hyvadesign-tokenscss-propscss-variables

This package is auto-updated.

Last update: 2024-11-16 23:44:09 UTC

README

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.