medium10 pts · first answer countsdesign-systemsthemingdesign-to-code

Switching themes in CSS

What happens to .card when JavaScript sets data-theme="dark" on the html element?

:root { --bg-surface: #FFFFFF; }
[data-theme="dark"] { --bg-surface: #1C1C1E; }
.card { background: var(--bg-surface); }

A.Nothing, because :root always beats attributesB.It becomes transparent until the page reloadsC.It needs a separate .card-dark class to changeD.Its background becomes #1C1C1E without changing .card

Discussion 0

Join free to post in the discussion.

Switching themes in CSS

Discussion 0

Related questions