Tailwind bg colours not working

I understand that specific changes are happening in version 4 of TailwindCSS, but I am currently encountering an issue in version 3 where some background colours are not functioning as expected.

For instance, using standard TailwindCSS colours such as

bg-red-500

bg-red-500

and

bg-blue-500

bg-blue-500

produces inconsistent results. While

bg-red-500

bg-red-500

works as intended,

bg-blue-500

bg-blue-500

and other colours like

bg-slate-500

bg-slate-500

do not appear to render at all.

Is there something I need to add to my panel configuration to make these options available?

Shouldn't this make those colors available?

            ->colors([
                'primary'   => FilamentColor::Red,
                'secondary' => FilamentColor::Gray,
                'accent'    => FilamentColor::Indigo,
                'blue'     => FilamentColor::Blue,
                'slate'     => FilamentColor::Slate,
                'orange'   => FilamentColor::Orange,
                'yellow'   => FilamentColor::Yellow,
                'pink'     => FilamentColor::Pink,
                'rose'     => FilamentColor::Rose,
                'sky'      => FilamentColor::Sky,
            ])

            ->colors([
                'primary'   => FilamentColor::Red,
                'secondary' => FilamentColor::Gray,
                'accent'    => FilamentColor::Indigo,
                'blue'     => FilamentColor::Blue,
                'slate'     => FilamentColor::Slate,
                'orange'   => FilamentColor::Orange,
                'yellow'   => FilamentColor::Yellow,
                'pink'     => FilamentColor::Pink,
                'rose'     => FilamentColor::Rose,
                'sky'      => FilamentColor::Sky,
            ])

Tailwind bg colours not working

bg-red-500

bg-red-500

and

bg-blue-500

bg-blue-500

produces inconsistent results. While

bg-red-500

bg-red-500

works as intended,

bg-blue-500

bg-blue-500

and other colours like

bg-slate-500

bg-slate-500

do not appear to render at all.

Is there something I need to add to my panel configuration to make these options available?

Shouldn't this make those colors available?

            ->colors([
                'primary'   => FilamentColor::Red,
                'secondary' => FilamentColor::Gray,
                'accent'    => FilamentColor::Indigo,
                'blue'     => FilamentColor::Blue,
                'slate'     => FilamentColor::Slate,
                'orange'   => FilamentColor::Orange,
                'yellow'   => FilamentColor::Yellow,
                'pink'     => FilamentColor::Pink,
                'rose'     => FilamentColor::Rose,
                'sky'      => FilamentColor::Sky,
            ])

            ->colors([
                'primary'   => FilamentColor::Red,
                'secondary' => FilamentColor::Gray,
                'accent'    => FilamentColor::Indigo,
                'blue'     => FilamentColor::Blue,
                'slate'     => FilamentColor::Slate,
                'orange'   => FilamentColor::Orange,
                'yellow'   => FilamentColor::Yellow,
                'pink'     => FilamentColor::Pink,
                'rose'     => FilamentColor::Rose,
                'sky'      => FilamentColor::Sky,
            ])

Tailwind bg colours not working

Similar Threads

Tailwind bg colours not working

Similar Threads

Similar Threads

Similar Threads