Variables para dark mode
Base de tema claro/oscuro con custom properties.
:root {
--bg: #fff;
--text: #111;
}
@media (prefers-color-scheme: dark) {
:root {
--bg: #111;
--text: #eee;
}
}
body {
background: var(--bg);
color: var(--text);
}
Copie o snippet e adapte ao seu projeto. Veja também os exemplos vivos.