This module allows developers to define CSS variables and themes from modules and themes. Site builders can then set the values for these CSS variables and choose themes through the theme settings.
CSS Variables & UI Themes for site builders
This module allows:
- developers to define CSS variables (aka "custom properties") from modules and themes
- site builders to set those CSS variables values on the theme settings
- developers to define themes (aka "modes", "schemes", "branding"...) from modules and themes
- site builders to set theme on the theme settings
UI Suite
UI Suite provides a cohesive set of modules to implement full design systems while preserving and improving the Drupal site building experience.
UI Skins can be used as standalone, but shines with other UI Suite modules. Together, they provide a a full API to implement design systems:
Showcase
Some UI Suite themes are using UI Skins:
Bootstrap 4 & 5 Material Design 2 DSFR See ui_skins.css_variables.yml, ui_skins.themes.yml See ui_skins.css_variables.yml See ui_skins.themes.yml DaisyUI Protocol See ui_skins.themes.yml & ui_skins.css_variables.yml See ui_skins.themes.yml