Skip to main content

Practice ยท 1 of 1

Dark Theme via Tokens

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).

Difficulty: intermediate

Back to lesson: Practice: Design Tokens โ€” Practice