Tailwind Colour Palette Not working

So in my blade I have the classes accordingly, for example `text-violet-500'. Which is an available tailwind colour.

I've added my view in the tailwind.config.js. And I've tried registering the colour in the ->colors array inside the AdminPanelProvider. But I just cant get it to work

I am running npm run build on each change correctly also.

Solution

I've have had to add to the safelist key

    safelist: [
        {
            pattern: /(text|border|bg)-(red|green|amber|violet|blue|gray)-(100|200|300|400|500|600|700|800|900)/,
            variants: ['dark', 'peer-checked', 'hover'],
        },
    ],

    safelist: [
        {
            pattern: /(text|border|bg)-(red|green|amber|violet|blue|gray)-(100|200|300|400|500|600|700|800|900)/,
            variants: ['dark', 'peer-checked', 'hover'],
        },
    ],

Jump to solution

Filament•9mo ago•

12 replies

Jamie Cee

Tailwind Colour Palette Not working

Solution

I've have had to add to the safelist key

    safelist: [
        {
            pattern: /(text|border|bg)-(red|green|amber|violet|blue|gray)-(100|200|300|400|500|600|700|800|900)/,
            variants: ['dark', 'peer-checked', 'hover'],
        },
    ],

    safelist: [
        {
            pattern: /(text|border|bg)-(red|green|amber|violet|blue|gray)-(100|200|300|400|500|600|700|800|900)/,
            variants: ['dark', 'peer-checked', 'hover'],
        },
    ],

Jump to solution

Tailwind Colour Palette Not working

Similar Threads

Tailwind Colour Palette Not working

Similar Threads

Similar Threads

Similar Threads