README

Description

This module allows you to create css3 variables and manage your fonts in the theme configuration. You can use these variables in your less files and change this value whenever you want.

Installation

* = in production please use the --keep-generated option

Type 1: Zip file

Unzip the zip file in app/code/Gtstudio
Enable the module by running php bin/magento module:enable Gtstudio_ThemeVariables
Apply database updates by running php bin/magento setup:upgrade*
Flush the cache by running php bin/magento cache:flush

Type 2: Composer

Install the module composer by running composer require Gtstudio/module-theme-variables
enable the module by running php bin/magento module:enable Gtstudio_ThemeVariables
apply database updates by running php bin/magento setup:upgrade*
Flush the cache by running php bin/magento cache:flush
For information about a module installation in Magento 2, see Enable or disable modules.

Usage

Adding new variables

You can add your variables in Content > Design > Configuration then select your theme and add the variables in "Variables" Section.

After this step you need to clear magento cache.

In your less files you can use escape for css3 variables support.

Eg : color: ~"var(--color-primary)"

Extensibility

Extension developers can interact with this module. For more information about the Magento extension mechanism, see Magento plug-ins.

The Magento dependency injection mechanism enables you to override the functionality of the module.

UI components

You can extend product and category updates using the UI components located in the view/adminhtml/ui_component directory.

For information about a UI component in Magento 2, see Overview of UI components.

Compatibility

This module requires PHP 8 or higher.

Additional information

For information about significant changes in patch releases, see Release information.

gtstudio / module-theme-variables

Maintainers

Details