HTML & CSS · Middle · Question 60 of 75

What does `color-scheme: light dark` on `:root` do?

✓Correct answer: Lets the browser render native controls, scrollbars and default colors in the matching theme
2Automatically inverts all colors on the page
3Switches the theme every time the page loads

Explanation

Without it, form fields and scrollbars stay light on a dark page. It doesn't recolor your own styles - that is still your CSS.

Further reading

MDN: color-scheme ↗

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.