UI Skins

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