[help] How to import shadcn components in dark mode?

[belugawhale3]

[help] How to import shadcn components in dark mode?

[fluid-design-io]

@belugawhale3 Since Shadcn uses theme tokens to style components, you can simple overwrite the style.css @layer base :root to the dark mode theme, for example:
Default css

@layer base {
  :root {
// ...light theme
}
.dark {
// ...dark theme
}
}

You can then replace what's in the root with the values from the .dark {...} like so:

@layer base {
  :root {
// ...dark theme
}
}

That's it :)

[belugawhale3]

Thanks! Fixed