This project is a demonstration intended to supplement a written walkthrough. The walkthrough details how to build a Dark Mode for a website using CSS Custom Properties and Vanilla Javascript and elaborates on the following steps:
- Consolidate your pages color scheme into the root class using CSS Variables
- Create a Dark Mode color scheme and create a class that will modify the root element
- Create a custom toggle button that will be used to turn Dark Mode on and off
- Switch the theme when the toggle is checked using Vanilla Javascript
- Make sure user settings are saved to the localStorage property of the window object