Thinking on ways to solve COLOR SCHEMES
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
#GUIchallenges #CSS #ChromeDeveloper