Thinking on ways to solve COLOR SCHEMES

Channel:

Chrome for Developers

Subscribers:

791,000

Published on June 9, 2021 5:01:09 PM ● Video Link: https://www.youtube.com/watch?v=oHcTn83M1ls

Duration: 12:21

19,161 views

947

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