CodePen - CSS pattern for SUPER DRY theme vars + classes that switch between them - Needs the new IACVT spec

:root +
(none)
.theme-not-preferred
.theme-preferred
.theme-light
.theme-dark

:root

dark

light

dark

pref

light

dark

not pref

pref

light

dark

light

light

dark

pref

light

dark

not pref

pref

light

dark

pref

light

dark

pref

light

dark

not pref

pref

light

dark

not pref

light

dark

pref

light

dark

not pref

pref

light

dark