Neutral color for colored components

[notmedia]

I think that NextUI need to have neutral color option in all colored components

For example:

Here I'm using gradient color because with this config I can get less colored component.
I want to have white text, gray border, gray highlight in dropdown menu, and gray animation on click.

Gray is only for example here, I mean it need to be something neutral colored.

In other words there are no options without customisation make less colored interfaces.

[jrgarciadev]

Hey @notmedia actually the Dropdown component supports a neutral color, here is the doc, color="default" https://nextui.org/docs/components/dropdown#variants

Here's the neutral color reference:
https://nextui.org/docs/theme/default-theme#brand

Here's the example screenshot:

[notmedia]

Hi! Cool, but with this setup on button click it's highlighted with primary color

[notmedia]

And also how I could setup this animation color if the color is custom?

[notmedia]

And another thing - if I set gradient color then combobox items highlited with primary color

[jrgarciadev]

Hey @notmedia :

1. The button is primary because the neutral colour on buttons is not available by default at the moment
2. Do you mean the drip animation?, here's an example:

   <Button
     css={{
       ".nextui-drip .nextui-drip-filler": {
          fill: "PUT_YOUR_COLOR_HERE",
       }
     }}
   >My Button</Button>

3. Dropdown doesn't have a gradient colour by default, here's the available colours https://nextui.org/docs/components/dropdown#variants

[notmedia]

Hi @jrgarciadev!

Thank you, drip animation setup exactly what I want :)
Also would be great if buttons will have neutral color as a feature request)