Solution 1 from @rozsazoltan is very effective.

Actually to use dark:inline with Astro & Vite, you should just add to your CSS file:

@custom-variant dark (&:where(.dark, .dark *));

Good luck!