The light-dark() CSS function simplifies theming

light-dark(#fff, #111) returns the first value in light mode and the second in dark mode. Combine with color-scheme: light dark and you can theme an entire site without media queries or class toggling.