01. Intro to the Multi-Theme Strategy Workshop
02. Incrementally Introducing Complexity
03. Our Apps Tailwind Configuration Starting Point
04. A Primer on CSS Variables
05. Redefining CSS Variables in Different Scopes
06. Create Themable Color Shades with CSS Variables
07. Creating Multiple Color Spreads with CSS Variables
08. Compose RGB Channels with alpha-value for Opacity Support
09. Implementing Color Opacity with CSS Variables
10. Improve Your Developer Workflow with Tailwind CSS Plugins
11. Building an Example All Caps Plugin for Tailwind CSS
12. Moving CSS Variable Declarations into a Tailwind CSS Plugin
13. Transform CSS into CSS in JS for use in a Tailwind CSS Plugin
14. Convert Hex to RGB with JavaScript
15. Replacing Hardcoded RGB Channel Values with Function Calls
16. Refactoring to Remove Hard-Coded Theme Names in Tailwind Plugin
17. Dynamically Adding Themes through Iteration
18. Consolidating Code Concerns into a Tailwind Plugin
19. Configure Tailwind to Extend Themes via Plugin
20. Testing The Multi-Theme Plugin by Replacing the Site-Wide Color in a Calendar App
21. Refactoring a Calendar App to Use the multi-theme Component
22. Dynamically Generate Colors From Nested Theme Objects
23. Create CSS Variables from Theme Objects with Recursion
24. Write a Function That Replaces Hard-Coded Theme Colors
25. Dynamically Define Theme Colors In Your Tailwind Config
26. Determine How to Pass Options to a Plugin
27. Enable and Validate Plugin Configuration Options
28. Next Steps for Theming Tailwind CSS Apps