How we're approaching theming with modern CSS
Briefly

Unless you build on solid foundations, your build is gonna sink. Semantic, structured HTML is imperative for consistent themed pages. Focus on semantic CSS for long-term success.
Middle layer: Skeletal CSS involves writing global defaults ready for easy override, using CSS Custom Properties heavily. It's like 'colouring in' a wireframe with a theme.
Decisions need to be made about CSS architecture to ensure HTML structure impacts CSS effectively. Semantic CSS is key for thematic success over atomic stylesheets.
The prototype consists of 3 web pages with the same content but different theming levels. It involves layers of code; focus is on CUBE CSS and minimizing use of utilities.
Read at Piccalilli
[
|
]