CSS Dark Mode Lesson

💡 Tip: You can store a user's Dark Mode preference using localStorage so it sticks when they refresh the page!

📝 Quiz: Test Your Knowledge

1. What is the main purpose of Dark Mode?

To make the website slower. To reduce eye strain and save battery. To remove all colors from a website.

2. Which CSS property helps define dark mode variables?

--custom-mode --bg-color and --text-color background-dark

3. How can we store the user's dark mode preference?

Using Local Storage Using a database By asking the user every time