Topics we will cover

Together, we’ll build a reusable multi-theme strategy. Step by step.

• Defining colors as CSS variables
• Generate new themable color utility classes
• Create a Tailwind CSS plugin that orchestrates our theming strategy
• Support nested color theme objects
• … and much more!

By the end of this workshop, you will:

• Understand how to use CSS variable scopes to create a theming hierarchy. This is the superpower that makes creating CSS-only theming implementations possible.
• Leverage the Tailwind CSS Plugin API to package all the moving parts of a theming implementation. The Plugin API unlocks the full power of JavaScript to help you generate advanced and reusable CSS functionality.