Styles Infrastructure

• Type: Epic
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Liferay Themes
• Labels:
  • 7.3-ce-ga5
  • fc_20_06
  • fc_20_07
  • fi-s03e26
  • fi-s03e27
  • fi-s03e28
  • fi-s03e29
  • fi-s03e30
• Epic/Theme:
  • FI_Developer_Experience
• Epic Status: To Do

In Theme Customizations & Improvements (Classic), we added the option to heavily customize the Classic Theme in a way that it could become a multi-purpose theme to serve different vertical solutions through light skinning.

To make those changes actually useful, and pave the road for a more ambitious Style Editor work, we need to add some initial infrastructure to make those settings usable.

The goal of this epic is to create the APIs and basic infrastructure to define and configure design tokens on a theme level and on a per-instance/site basis.

Acceptance criteria:

1. An API to retrieve design token definitions from a theme
2. An API to write design token values as CSS variables in the generated HTML

Technical Notes:

1. Documented definition of the tokens

Additional Specs:

• Style Editor - Introduction & Proposals

Test Scenarios

AC ID	Test Case	Covered by frontend/backend unit test? (Yes/No)	Test Priority (business impact)
1	API retrieves design token definitions from a theme	Yes	High
2	API writes design token values as CSS variables in the generated HTML	Yes	High