Is this module supposed to autodetect the preferences and change styling accordingly?

[AdamBD]

I have the following set in assets/main.css

@layer base {
  .dark-mode body {
    background-color: #091a28;
    color: #ebf4f1;
  }
  .sepia-mode body {
    background-color: #f1e7d0;
    color: #433422;
  }
}

(Am using tailwind)

But when the page loads even though it detects the user using system detection it doesnt apply the dark color scheme (If the users system setting is dark). Is there additional work needed to understand WHAT the users system setting is?

[atinux]

Can you please create a reproduction? It should work under the hood. see https://tailwindcss.nuxtjs.org/examples/dark-mode