Thinking on ways to solve a DARK/LIGHT THEME SWITCH

Uploaded By: Myvideo

Published on

16 Feb 2022

15 views

0

0 votes

0

About Share Download Add to

In today's GUI Challenge, @Adam Argyle shares thinking on a way to build a theme switch component. Often a website will allow switching the theme to something other than the system preference and these are thoughts on how to achieve that user experience. Chapters: 0:00 - Introduction 0:30 - Overview 3:10 - Debugging Corner 3:36 - HTML 7:40 - SVG 8:59 - Mask 10:00 - Animations 11:51 - Theme Toggle CSS 15:35 - Sun and Moon CSS 19:37 - JavaScript 23:45 - Recap Resources: Read along → Try a demo → Get the source → Watch more GUI Challenges → Subscribe to Google Chrome Developers → #GUIchallenges #CSS #ChromeDeveloper

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/SjRiNXhyMTlXc0ExUGxCU2tYaDZFL3NBTEI1MUlRUmYyWC9KTjV5YStIUT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Kraftwerk 2024-05-17 Columbus, Kemba Live! - Full Show 4K

25 minutes ago

01:55:48

Kraftwerk 2024-05-17 Columbus, Kemba Live! - Full Show 4K

1 21%

Smooth McGroove UNDERTALE - Megalovania Acapella

2 hours ago

00:03:01

Smooth McGroove UNDERTALE - Megalovania Acapella

3 19%

NIIAAH HE HAS A GUN! | AMY REACTS To Sonic Movie 3 Trailer 2!

2 hours ago

00:09:56

NIIAAH HE HAS A GUN! | AMY REACTS To Sonic Movie 3 Trailer 2!

1 73%

Jamiroquai Official Jamiroquai - Virtual Insanity (Official Video)

3 hours ago

00:03:54

Jamiroquai Official Jamiroquai - Virtual Insanity (Official Video)

1 59%

Eylem Abaci 12 MIN BRAZILIAN BUTT LIFT WORKOUT (Round & Lifted Booty) | Eylem Abaci

5 hours ago

00:12:23

Eylem Abaci 12 MIN BRAZILIAN BUTT LIFT WORKOUT (Round & Lifted Booty) | Eylem Abaci

8 94%

2024-12-28_19-39-59 _ FILING A INTERN POLICING COMPLAIN to the United Nations through embassadors AGAIN most likely falsely by p

5 hours ago

00:29:51

2024-12-28_19-39-59 _ FILING A INTERN POLICING COMPLAIN to the United Nations through embassadors AGAIN most likely falsely by p

2 68%

Tekkan TOP 15 New AMAZING Android & iOS Games of December 2024

5 hours ago

00:09:44

Tekkan TOP 15 New AMAZING Android & iOS Games of December 2024

7 18%

Timme _ Roblox Studio Arm Movement tutorial/model (Visible to all players)

6 hours ago

00:01:17

Timme _ Roblox Studio Arm Movement tutorial/model (Visible to all players)

5 37%

fnm04 8K | DYSTOPIA by Septagon7

7 hours ago

00:01:45

fnm04 8K | DYSTOPIA by Septagon7

1 29%

The Game Theorists Game Theory: The Full Story of Welcome Home... So Far

7 hours ago

01:06:43

The Game Theorists Game Theory: The Full Story of Welcome Home... So Far

2 80%

Viecti TROLLING with INFINITY in PRO SERVERS.. (Blade Ball)

7 hours ago

00:11:04

Viecti TROLLING with INFINITY in PRO SERVERS.. (Blade Ball)

4 27%

ABBA - Happy New Year (Video)

8 hours ago

00:04:28

ABBA - Happy New Year (Video)

3 58%

NileRed This yellow powder can't get wet

8 hours ago

00:01:16

NileRed This yellow powder can't get wet

1 62%

TBR Schmitt Cobra Kai Season 5 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

9 hours ago

00:30:24

TBR Schmitt Cobra Kai Season 5 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

5 42%

Promo Only The Best - DVD Сборник видеоклипов. PART 6

10 hours ago

01:37:55

Promo Only The Best - DVD Сборник видеоклипов. PART 6

29 43%

TBR Schmitt Cobra Kai Season 4 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

10 hours ago

00:41:57

TBR Schmitt Cobra Kai Season 4 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

4 85%

TBR Schmitt Cobra Kai Season 3 Ep 5 & Ep 6 First Time Watching! TV Reaction!!

10 hours ago

00:44:46

TBR Schmitt Cobra Kai Season 3 Ep 5 & Ep 6 First Time Watching! TV Reaction!!

4 94%

nagashi I'll cry at night (post-rock, indie-rock playlist)

10 hours ago

01:01:55

nagashi I'll cry at night (post-rock, indie-rock playlist)

3 60%

TBR Schmitt Cobra Kai Season 3 Ep 3 & Ep 4 First Time Watching! TV Reaction!!

10 hours ago

00:34:13

TBR Schmitt Cobra Kai Season 3 Ep 3 & Ep 4 First Time Watching! TV Reaction!!

2 57%

TBR Schmitt Cobra Kai Season 3 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

10 hours ago

00:36:34

TBR Schmitt Cobra Kai Season 3 Ep 1 & Ep 2 First Time Watching! TV Reaction!!

5 57%

Scrapheap Challenge (UK) 3x07. Steam-Powered Car (Yandex)

11 hours ago

00:49:44

Scrapheap Challenge (UK) 3x07. Steam-Powered Car (Yandex)

1 79%

TBR Schmitt Cobra Kai Season 2 Ep 9 & Ep 10 First Time Watching! TV Reaction!!

11 hours ago

00:44:26

TBR Schmitt Cobra Kai Season 2 Ep 9 & Ep 10 First Time Watching! TV Reaction!!

5 23%

LS Mark Ranking EVERY Spongebob Squarepants Episode Ever

12 hours ago

07:05:13

LS Mark Ranking EVERY Spongebob Squarepants Episode Ever

23 62%

Noob amazon |Amazon ascension| Bull shark gameplay

13 hours ago

00:08:39

Noob amazon |Amazon ascension| Bull shark gameplay

6 28%

0 Comments

Guest