Bug Tailwind shadow customization on v4

[sharkfin777]

Hello this is a bug that is there

When i theme a tailwind shadow extending it

@theme { --shadow-myshadow: 2px 2px 0 0 #000000; }

I am not able to apply color to it like shadow-indigo-500 it just wont work idk why.

May be one of the devs can check it out. I am not sure if i am doing it correctly in v4 but i think its a bug.

[wongjn]

Seems to be working in this Tailwind Play. Consider providing a git repo that reproduces the issue and we can take a look for you.

[wongjn]

Could you point to a place where it doesn't work? Seems to be working for me:

[undefined-unknown]

Could you please correct me, is there something wrong with my writing? shadow is invalid.

[wongjn]

Remove the commas from the hsl() CSS function calls.

[undefined-unknown]

I'm sorry that removing the comma didn't work, and the control panel showed --tw-shadow-color is not defined. Why does the tailwindcss@4.x version need to pay attention to --tw-shadow-color when setting --shadow-*?

[wongjn]

Seems to be working for me at least:

The --tw-shadow-color would only be defined if a shadow-<color> class is used. When it is not defined, it should use the shadow color set with the --shadow-* theme token.