Loading...
Loading...
Error
Oops! Something went wrong
12. Dark mode with Shadcn Vue12. Dark mode with Shadcn Vue
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Dark Mode Toggle and Theme Selector
00:00
Implementing Dark Mode with useColorMode
00:15
Setting Up Light and Dark Mode Buttons
00:50
Demonstrating Light and Dark Mode Functionality
01:19
How Styling Works Under the Hood: HTML Class Changes
01:38
CSS Structure for Light and Dark Themes
02:04
Theme Preservation Across Page Refreshes
02:54
Expanding to Full Theme Selector
03:12
Creating Custom Themes: Rose and Orange Examples
03:25
Integrating Custom Themes with useColorMode
03:53
Demonstrating Custom Themes
04:14
Resources for Creating Your Own Themes
04:41
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen
