All challenges
UI · Frontend challenge · Frontend UI
Dark Mode Toggle
Difficulty
easy
Time
~15m
Format
Single
Grading
Human review
#ui#react#frontend#state#styling
Mission file // read carefullyeasy
Build a Dark Mode Toggle.
Requirements
- A switch button toggles class
.darkor sets body attributes to trigger page theme transitions. - Persist selected mode inside
localStorageso it remains active on reload.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.