Dark mode theming with CSS variables (part 2)

Code:

:root { --accent: #4f7cff; }

— CSS variables made my theming life so much easier.

I design in the browser almost exclusively now; mockups only for client sign-off.

:has() finally lets me style parents without JavaScript, and support is good now.

Container queries changed how I build card layouts — the component adapts to its slot, not the viewport.

I did a bit of searching but could not find a recent thread on this, so here we go.

Maybe this has been discussed before, but I could not find anything recent.