Practice · 1 of 1

Dark Theme via Tokens

CHALLENGE

Difficulty: intermediate+25 XP

Starting from the light tokens in the boilerplate, add a [data-theme="dark"] scope that re-declares --color-bg and --color-fg with dark values, and make the .card consume ONLY tokens (no raw colors).

Press Submit to check your solution.

Back to lesson: Practice: Design Tokens — Practice