In today’s GUI challenge, we’re building dark, light and dim color schemes with HSL. The CSS works across modern browsers, establishes foundational architecture for more themes, and is accessible.
Chapters:
- 0:00 - Introduction
- 0:21 - Scheme overview
- 1:15 - Debugging corner
- 1:55 - Custom property architecture
- 4:17 - The Cascade
- 5:51 - DevTools
- 7:40 - Bump bump til ya pass
- 9:54 - Relative vs Absolute color adjusting
- 11:54 - Outro
Resources:
- Read along → https://goo.gle/350bmMi
- Try a demo → https://goo.gle/3ps7Rry
- Get the source → https://goo.gle/3n4Sfcg
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → http://goo.gl/LLLNvf