How do I enable dark mode using the Tailwind CSS CDN?

[wernayasa]

This method used to work:

<script>/*<![CDATA[*/
    tailwind.config = {
      darkMode: 'class',
      theme: {
        extend: {
          colors: {accent: '#bf1313',secondary: '#ff8d8d'},
        }
      }
    }
  /*]]>*/</script>

I'm using Tailwind CSS v4 on a plain HTML page.
I already have the dark/light mode class toggle implemented in my HTML.

[john-champ]

You will have to use the new CSS configuration as follows:

<style type="text/tailwindcss">
  /* Class based dark mode */
  @variant dark (&:where(.dark, .dark *));
</style>

[wernayasa]

It's working! Thank you.

No wonder @variant wasn't working.
@variant dark (&:where(.dark, .dark *));
I was missing this code
type='text/tailwindcss'