Dark mode doesn't work in nuxt3

[henrywu-new]

1. tailwind.config.ts :

module.exports = { darkMode: 'class', // ... }

2. gobal class:

html.dark { color-scheme: dark; }

[roiLeo]

See Theming options

in tailwind.config.ts:

export default {
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        'vtd-primary': colors.sky, // Light mode Datepicker color
        'vtd-secondary': colors.gray, // Dark mode Datepicker color
      },
    },
  }
}

wfm

[elreco]

@henrywu-new Does it work for you?

[escalante29]

Hey @elreco this thread is not mine but I have a question. I was trying to make the light mode work, cause by default it showed up dark... After a little bit of trial and error I added to tailwind.config.js the following:

darkMode: "class",

And it worked! Now I have it light as I needed. But it doesn't make sense to me. Can you explain or tell me how/if it's possible to change the theme programatically from a vue component?

Thanks in advance!