🌙 Dark mode is turning into a mess, any tips?

I am adding a dark mode toggle to my website and running into issues with colors not looking right in certain sections. Anyone have tips on how to plan this properly from the start instead of patching it later?

Best approach is to plan around semantic color tokens from the start instead of styling each component separately. Define things like --background, --foreground, --muted, --border, and --card for both themes, then have your components use those tokens. It makes dark mode much easier to maintain and avoids the endless “fix this one section” cycle.