© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
61 replies
Matthew

Issue with primary color theme.

I have installed the tailwinds package, yet, I cant make my icons show blue (primary). When selecting Pending, the icon should show blue, right? All the other colors work fine...

public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name'),
                //Tables\Columns\TextColumn::make('is_completed'),
                IconColumn::make('taskstatusName.name')
                    ->label("Status")
                    ->colors([
                        'success' => 'Done',
                        'warning' => 'On Hold',
                        'danger' => 'Cancelled',
                        'primary' => 'Pending'
                    ])
                    ->options([
                        'heroicon-o-x-circle',
                        'heroicon-o-dots-circle-horizontal' => 'On Hold',
                        'heroicon-o-arrow-circle-down' => 'Pending',
                        'heroicon-o-check-circle' => 'Done',
                        'heroicon-o-x-circle' => 'Cancelled',
                    ]),
            ])
            ->filters([
                //
            ])
            ->headerActions([
                Tables\Actions\CreateAction::make(),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\DeleteBulkAction::make(),
            ]);
    }          
public static function table(Table $table): Table
    {
        return $table
            ->columns([
                Tables\Columns\TextColumn::make('name'),
                //Tables\Columns\TextColumn::make('is_completed'),
                IconColumn::make('taskstatusName.name')
                    ->label("Status")
                    ->colors([
                        'success' => 'Done',
                        'warning' => 'On Hold',
                        'danger' => 'Cancelled',
                        'primary' => 'Pending'
                    ])
                    ->options([
                        'heroicon-o-x-circle',
                        'heroicon-o-dots-circle-horizontal' => 'On Hold',
                        'heroicon-o-arrow-circle-down' => 'Pending',
                        'heroicon-o-check-circle' => 'Done',
                        'heroicon-o-x-circle' => 'Cancelled',
                    ]),
            ])
            ->filters([
                //
            ])
            ->headerActions([
                Tables\Actions\CreateAction::make(),
            ])
            ->actions([
                Tables\Actions\EditAction::make(),
                Tables\Actions\DeleteAction::make(),
            ])
            ->bulkActions([
                Tables\Actions\DeleteBulkAction::make(),
            ]);
    }          
image.png
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Custom theme (minimal theme) color issue
FilamentFFilament / ❓┊help
16mo ago
Unable to override primary color on custom theme
FilamentFFilament / ❓┊help
2y ago
Primary Color for v3?
FilamentFFilament / ❓┊help
3y ago
Dark mode different primary color
FilamentFFilament / ❓┊help
15mo ago
Next page