How can I improve the dark style of USelect

[ZanzibarNuclear]

Description

The light mode defaults for Select are pretty good. Not as good for dark mode. How can I at least modify the background and text color of the popup list for dark mode? What is the recommended approach?

[benjamincanac]

This is not how the Select is supposed to be styled 🤔 Did you add theme(static) when importing tailwindcss? https://ui.nuxt.com/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css

[ZanzibarNuclear]

I did. Since I am updating an existing app, I am using some custom colors and fonts. That's about it,

'assets/css/main.css'

@import 'tailwindcss' theme(static);
@import '@nuxt/ui-pro';

@theme static {
--container-8xl: 90rem;

--color-nuclear-50: #f0f9ff;
--color-nuclear-100: #e0f2fe;
--color-nuclear-200: #b9e6fe;

...and so on.

[ZanzibarNuclear]

I am going to try starting from scratch and applying my custom styles. At least I'll get to know the component updates better that way, and I can see how things are meant to be before I change them.

Thanks for the support.

[benjamincanac]

Sure! Feel free to open a new issue or reopen this one with a reproduction if you're still stuck 😊