Summary
In this episode, we look adding dark mode to our applications. This can be important for users who use dark mode and then come across your web application. The sudden change in brightness can be jarring or uncomfortable.rails view 15:03
Chapters
- Introduction (0:00)
- Making a Dark Mode toggle (1:55)
- Creating the Dark Mode SASS File (3:09)
- Handling the Selectors (4:17)
- Mention about VSCode's helper (5:36)
- Adding additional styles (6:41)
- Using SASS Variables (7:25)
- Changing themes (9:52)
- Theme Selector (10:06)
- Creating the Stimulus Controller (10:44)
- Demo (12:54)
- Adding styling for the select (13:06)
- Final Thoughts (14:13)
Pro Monthly
$
19
/mo
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free
Pro Annual
$
190
/yr
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free