Custom Properties and Theming

CSS variables as a design-system API: theming, scopes, fallbacks and typed @property tokens.

Playlist by @modern_css

18 tracks, shared on Audicious.

1. Tokens, variables, and styles - Update: Introduction to design systems — Figma
2. Using CSS custom properties like this is a waste — Kevin Powell
3. CSS Variables in 100 Seconds — Fireship
4. CSS Variables - An introduction to CSS custom properties — Kevin Powell
5. Theming Tailwind with CSS Variables — Tailwind Labs
6. CSS Variables Tutorial (CSS Custom Properties) — Traversy Media
7. CSS Variables Tutorial — Web Dev Simplified
8. Learn CSS Variables In 7 Minutes — Slaying The Dragon
9. @property Is One Of The Coolest New CSS Features — Web Dev Simplified
10. Get more out of custom properties — Kevin Powell
11. Figma Design System: 03 Semantic Color Variables — Christopher Deane
12. Introduction to Design Systems: Design Tokens #designtutorial #designsystems #productdesign — Nolan Perkins
13. Figma Tip: Syncing variables to code — Figma
14. Build Design Tokens & Figma Variables with AI — UI Collective
15. Solving The Biggest Challenge of Custom Properties — Kevin Powell
16. CSS Variables Tutorial #2 - Declaring Variables — Net Ninja
17. CSS Variables | Custom Properties Tutorial for beginners — Coding2GO
18. CSS Variables / Custom Properties (full course) — freeCodeCamp.org