Tailwind colors in color()

Can I use tailwind shade when using custom color()?

I would like to use yellow-50 in my component but can't work out how to use shade.

This works but only for default yellow.

Color configuration

    FilamentColor::register([
        'red' => Color::Red,
        'amber' => Color::Amber,
        'green' => Color::Green,
        'pressure'  => Color::Yellow,
    ]);

    FilamentColor::register([
        'red' => Color::Red,
        'amber' => Color::Amber,
        'green' => Color::Green,
        'pressure'  => Color::Yellow,
    ]);

Component

    Infolists\Components\TextEntry::make('pressure')
        ->label(false)
        ->icon('icon-gauge-outline')
        ->color('pressure)
        ->default('--'),

    Infolists\Components\TextEntry::make('pressure')
        ->label(false)
        ->icon('icon-gauge-outline')
        ->color('pressure)
        ->default('--'),

How do I add the shade?

Filament•3y ago•

6 replies

harps

Tailwind colors in color()

Can I use tailwind shade when using custom color()?

I would like to use yellow-50 in my component but can't work out how to use shade.

This works but only for default yellow.

Color configuration

    FilamentColor::register([
        'red' => Color::Red,
        'amber' => Color::Amber,
        'green' => Color::Green,
        'pressure'  => Color::Yellow,
    ]);

    FilamentColor::register([
        'red' => Color::Red,
        'amber' => Color::Amber,
        'green' => Color::Green,
        'pressure'  => Color::Yellow,
    ]);

Component

    Infolists\Components\TextEntry::make('pressure')
        ->label(false)
        ->icon('icon-gauge-outline')
        ->color('pressure)
        ->default('--'),

    Infolists\Components\TextEntry::make('pressure')
        ->label(false)
        ->icon('icon-gauge-outline')
        ->color('pressure)
        ->default('--'),

How do I add the shade?

Tailwind colors in color()

Similar Threads

Tailwind colors in color()

Similar Threads

Similar Threads

Similar Threads