Tailwind CSS config values

[heidkaemper]

It would be a nice improvement if we could reference the Tailwind CSS color config directly, not only HEX colors.

Example:

/*
|--------------------------------------------------------------------------
| Pickr swatches (recommended colors)
|--------------------------------------------------------------------------
*/
'recommended' => [
    'colors.blue.500',
    'colors.customcolor.200',
],

[clementmas]

It looks like it's already possible to enter CSS variables so this issue will be solved with Tailwind CSS v4.

'swatches' => [
    'var(--color-blue-500)',
],

CSS variables is the way to go.

[heidkaemper]

Thanks for your input @clementmas!

And CSS variables are probably the right approach. However, this would not work out of the box in the Statamic CP if you have defined custom colors in your Tailwind CSS Config.

So there's still a bit of work to be done.