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. 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 Read along → Try a demo → Get the source → Watch more GUI Challenges → Subscribe to Google Chrome Developers → #GUIchallenges #CSS #ChromeDeveloper
Hide player controls
Hide resume playing