4½ Methods for Theming in (S)CSS
summary
Claims four concrete theming patterns plus a half for user customization and shows working code: Sass-based theme pallet, Sass config theming, client-switchable stateful theming and override-with-files theme layer, plus user customization via hex values stored in the DB and injected into the view. Presents tooling choices (preprocessor optional but Sass preferred), reports theming as very common (50–60% of clients, every 2015 client; one product with ~10,000 customers), and gives deployed examples (NHS e‑learning, Twitter style injection), all pragmatic and functional.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 1:32Harry Roberts Introduction
- 3:29Different Types of Clients
- 6:24Developer Theming
- 7:28User Theming
- 8:32Advice
- 12:00Theme Layer
- 15:26Stateful Theming
- 20:59Config Theming
- 24:26Theme Palettes
- 30:10User Customisation
- 36:53Checklist
related talks
28mScalable CSS Architecture with Design Tokens
38mFrontend best practices
44mEncapsulation and Theming: The New Frontiers of the Final CSS Challenge
51mArt of CSS
47mWeb Haute Couture: The Great CSS Catwalk
43mRethinking Colors in Design Systems: A CSS Approach to Idiomatic Design
27mThemeability is the path to dark mode
38mStyleguide-Driven Development