[Feature Request] BreadCrumbs allow custom colors in color property

[CharriereThibaud]

Is your feature request related to a problem? Please describe.

Currently, we are only limited to default colors ("foreground", "primary", "secondary", "success", "warning", "danger").

Describe the solution you'd like

As an user, it should be great to be able to use custom colors like tailwind colors or hexadecimal color code.

<Breadcrumbs color="red">
            <BreadcrumbItem href="/">Home</BreadcrumbItem>
</Breadcrumbs>

<Breadcrumbs color="#128a67f">
            <BreadcrumbItem href="/">Home</BreadcrumbItem>
</Breadcrumbs>

<Breadcrumbs className="red-600">
            <BreadcrumbItem href="/">Home</BreadcrumbItem>
</Breadcrumbs>

Describe alternatives you've considered

• Add a custom property like customColor
• Let set color with Tailwind color className

Screenshots or Videos

No response

[CaseyBlackburn]

You can already customize them as you wish. Make use of the slots for applying your preferred styles: Slots

See the example of a customized Breadcrumb: Customizing the Breadcrumbs Styles

[CharriereThibaud]

Indeed, we can override the styles, I hadn't noticed this while searching in the documentation. However, it requires overriding multiple times, especially when dealing with ellipsis or objects. I believe it could be worthwhile for all components that have a color property to be able to assign a custom color, in hexadecimal or RGB for example. I close this issue and will open a new proper issue for all components that implement color property.