Tailwind Dark mode

[Intellcoder]

please how can i implement manual toggling of dark/light mode in tailwind am getting this error
[plugin:@tailwindcss/vite:generate:serve] @custom-variant dark(&:where([dark-theme=dark],[dark-theme=dark]*)) defines an invalid variant name. Variants should only contain alphanumeric, dashes or underscore characters.

When i tried changing to this @custom-variant dark-theme (&:where([dark-theme=dark],[dark-theme=dark]*))
i was faced by a new error @custom-variant dark-theme cannot have both a selector and a body.

Any help will be appreciated

[wongjn]

For @custom-variant dark(&:where([dark-theme=dark],[dark-theme=dark]*)):

• There should be a space between the variant name and the selector.
• There should be a space between the attribute selector and the universal selector (*).
• It should be terminated with a semicolon (;).

-@custom-variant dark(&:where([dark-theme=dark],[dark-theme=dark]*))
+@custom-variant dark (&:where([dark-theme=dark],[dark-theme=dark] *));

For @custom-variant dark-theme (&:where([dark-theme=dark],[dark-theme=dark]*)):

• There should be a space between the attribute selector and the universal selector (*).
• It should be terminated with a semicolon (;).

-@custom-variant dark-theme (&:where([dark-theme=dark],[dark-theme=dark]*))
+@custom-variant dark-theme (&:where([dark-theme=dark],[dark-theme=dark] *));