I am setting up my custom colors in taildwind.config.ts but my theme colors are not showing up correctly in some of nextui's components, for example I am passing color=primary to the component and then in the actual rendering it may have a class name of text-primary-100 but the hue is not like my custom primary color, but blue (common color), and the same goes for the other colors as well
Configuring custom colors for nextui in tailwind.config.ts
Import a NextUI component, e.g. Select, Chip, Button.
Set the color for it, e.g. primary secondary
Expected behavior
I expect the component's color (text-primary-100, etc.) to be based on my primary or secondary color, but I'm seeing it based on a weird I-didn't-define-it color like blue or purple.
linear[bot]
commented
2 hours ago
NextUI Version
2.4.8
Describe the bug
I am setting up my custom colors in
taildwind.config.tsbut my theme colors are not showing up correctly in some of nextui's components, for example I am passingcolor=primaryto the component and then in the actual rendering it may have a class name oftext-primary-100but the hue is not like my custom primary color, but blue (common color), and the same goes for the other colors as wellYour Example Website or App
https://codesandbox.io/p/github/Choneas/next-choneas/main?workspaceId=ec97bfd1-0fc3-46e6-8089-e6c95c9878d6&embed=1
Steps to Reproduce the Bug or Issue
tailwind.config.tsExpected behavior
I expect the component's color (
text-primary-100, etc.) to be based on myprimaryorsecondarycolor, but I'm seeing it based on a weird I-didn't-define-it color like blue or purple.Screenshots or Videos
https://github.com/user-attachments/assets/b6e50cf8-b3bd-4470-a29b-ae952bef991f
Operating System Version
Browser
Edge