Border around color columns

[Senexis]

Hey all! I have a quick feature request or question depending on whether this is already possible without theme edits -- maybe I'm overlooking something.

Currently within Filament Tables, whenever using the color columns, it can be hard to discern whether a color has been set or not as the color might be the same or very close to the row background. This is especially noticeable with white-on-white or gray-on-gray depending on the light or dark theme.

Here's a quick example:

The third row has been set to white, but since it's white-on-white it's quite difficult to see. The only reason we know it is set is because the placeholder ("-") is not shown, but I would much prefer the color that is set to still be visible to prevent confusion. Something like the following would be great:

Yes, I know there is a visual issue with certain colors, this is just a quick example.

This is currently possible by adding something like .fi-ta-color-item { border: solid 1px lightgray; } to a theme file, but I was wondering if this was maybe already possible in base Filament. If it isn't I would like to request this to be added in a future version as I believe it improve the usability/accessibility of the column. Does anybody know?

[jazzy1986]

facing the same problem, i manage to achieve it by using extraAtrributes

 ColorColumn::make('color')->extraAttributes(function ($state) {
           return ['style' => 'height:45px;width:45px;border:1px solid grey;border-radius:5px;background:' . $state];
  }),