Thinking on ways to solve COLOR SCHEMES

Appears in: GUI Challenges

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 → 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