Dark Mode

Add an option to toggle between dark mode and light mode on a website or app.

Brief

People have different reading preferences. Whether it’s because of the time of day or just generally what they prefer, being able to switch between light mode and dark mode helps personalize the usability of a website or app.

Level 1

A good way of adding light mode or dark mode is to have a button that lets someone toggle back and forth between the mode. Once changed, the colors of the page should change to match that person’s preference.

Add a toggle that allows a person to switch between light mode and dark mode that changes the color scheme.

More levels including the ability to save your progress coming soon!

To Do

Toolbox

  • localStorage

Resources

Start Doing Now

Get all projects as an ebook right to your inbox for FREE!

Love 50 React Projects?