Dark mode
Problem: implementing dark mode.
Solution: use CSS variables and media queries.
:root {
--bg-color: #fff;
--text-color: #000;
}
@media (prefers-color-scheme: dark) {
:root {
--bg-color: #333;
--text-color: #fff;
}
}
body {
background-color: var(--bg-color);
color: var(--text-color);
}