Research best way to apply CSS custom properties

• Type: Spike
• Status: Closed
• Priority: Minor
• Resolution: Completed
• Affects Version/s: None
• Fix Version/s: None
• Component/s: Liferay Themes
• Labels: None
• Spike Type: Technical
• Conclusion: See document conclusion
• Epic Link: fi-theme-styles-support
• Sprint: S03E26 - Cape Town

When working on Theme Customizations & Improvements (Classic) we identified different approaches for How to use CCP (CSS Custom Properties).

This can usually be done via:

• CSS
• JS

The goal of this spike is to choose which approach to use to apply CCP settings.

Acceptance Criteria:

• Document with:
  • Description of how to apply the different approaches in the DXP context
  • Comparison and conclusion on which approach is best from a technical standpoint
    • Client Performance
    • Server Performance
    • Maintainability
    • Scalability
    • ...