Dark mode with prefers-color-scheme
Level 5 of 10Your goal
Keep the box 200 × 80. Give it a light background-color, then override it with a dark background-color inside @media (prefers-color-scheme: dark). Colours aren't measured.
Must use
background-colortarget content boxtarget outer edge (green = matched, red = not yet)
Feedback updates as you type, and your CSS is saved in this browser. Exact target numbers are in the Target panel.