Twin macro doesn't work with custom colour from tailwind

[luuhn]

I tried to add new custom colour in tailwind config in extends as following
extend: {
colors: {
primary: '#db00ff',
ribbon: '#0047ff',
},
But I got the error when using
export const buttonVariantSuccess = twborder-green-500 bg-primary text-white hover:bg-green-600;

This primary colour works well on className. I tried using theme, css with twin macro but it still the same. Only default colours from tailwind and direct colour hex code worked.
I used "twin.macro": "^2.8.2", "tailwindcss": "^2.2"
Could you please help me on this issue?
Thanks,
Michael

[khzouroussama]

maybe you need to restart the dev server?

[Sowed]

@luuhn did you have this resolved? I am using v3.1.0 but still stuck with this issue. Restarting the server does not help @khzouroussama .

[TigranAvagyan18]

Having this issue too, any workaround?

[ben-rogerson]

Custom colors shouldn't have issues - couple questions:

• What does your twin config look like?
• And your tailwind.config?
• Which color are you trying to grab, and how?

[ben-rogerson]

Closing for now, feel free to reopen with additional info, eg: repo for testing this bug within.