Action icon color

I have an anonymous action on a form with a prefix icon:

            return Actions::make([
                Action::make('configure')->label(__('Customize'))
                    ->icon('heroicon-s-adjustments-horizontal')
                    ->color('primary') // This works
                    ->extraAttributes([
                        'class' => '!text-black !fi-text-black', // Not sure how to force change the currentColor
                    ])
                    ->url(route('button.target'))
            ]);

            return Actions::make([
                Action::make('configure')->label(__('Customize'))
                    ->icon('heroicon-s-adjustments-horizontal')
                    ->color('primary') // This works
                    ->extraAttributes([
                        'class' => '!text-black !fi-text-black', // Not sure how to force change the currentColor
                    ])
                    ->url(route('button.target'))
            ]);

The icon shows up fine, however the color seems to be set automatically by the color. The problem here is that the primary color is very light, and the icon is rendered in white. I want to use a dark icon color for better contrast - image is attached.

The text color is dark, shouldn't the icon take the text color?

How can I override this?

Thanks

Filament•2y ago•

1 reply

rominronin

Action icon color

I have an anonymous action on a form with a prefix icon:

            return Actions::make([
                Action::make('configure')->label(__('Customize'))
                    ->icon('heroicon-s-adjustments-horizontal')
                    ->color('primary') // This works
                    ->extraAttributes([
                        'class' => '!text-black !fi-text-black', // Not sure how to force change the currentColor
                    ])
                    ->url(route('button.target'))
            ]);

            return Actions::make([
                Action::make('configure')->label(__('Customize'))
                    ->icon('heroicon-s-adjustments-horizontal')
                    ->color('primary') // This works
                    ->extraAttributes([
                        'class' => '!text-black !fi-text-black', // Not sure how to force change the currentColor
                    ])
                    ->url(route('button.target'))
            ]);

Action icon color

Similar Threads

Action icon color

Similar Threads

Similar Threads

Similar Threads