Refactoring legacy CSS without breaking everything — follow-up

Dark mode is a one-liner media query once your colours live in variables.

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

Code:

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

— CSS variables made my theming life so much easier.

Any tips, experiences or strong opinions welcome.

Container queries are great but I still add a media-query fallback.

Interesting — I will have to try that.

I still reach for Bootstrap when a client needs to maintain it afterwards.

CSS variables + one class toggle is my whole dark mode stack.

I disagree slightly, but I can see where you are coming from.

:has() feels like cheating compared to what we used to do.

Refactoring legacy CSS one component at a time is the only sane way.

I disagree slightly, but I can see where you are coming from.