Two PostCSS plugins for color control
summary
Covers two PostCSS plugins for color management: one simple plugin to replace one color with another (a junior-dev exercise) and a more complex theme generator that transforms component styles into multiple color variants. Explains how to traverse and modify the CSS AST (using PostCSS and CSSTree together) with concrete, real-world examples.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 2:29What is PostCSS and plugins
- 5:01Writing first plugin
- 8:22Color replacement issues
- 11:55CSS3 for precise parsing
- 14:45Color processing with visitors
- 17:35Real example with color schemes
- 21:59Plugin for themes
- 24:56Automating shades and variants
- 27:47Results and plugin benefits
- 28:31Conclusion
- 30:43Q&A
