Core Code
Core Code Modern Dev Handbook

Theme Variables

Variables help create reusable theme systems.

Preview

Code

<style>
:root{
--bg:#111827;
--text:#f9fafb;
}

.theme{
background:var(--bg);
color:var(--text);
padding:12px;
}
</style>

<div class="theme">Dark theme example</div>

More CSS Variables Examples (8)

example Update Variable with JavaScript open example example Basic CSS Variable open example example Multiple Variables open example example Variable Scope open example example Variable Override open example example Variable Fallback open example example Variable Hover Change open example example Variables in Media Queries open example