Chip Component - Change Icon Colour

Hi @vladimir-upirov,

Thanks for incorporating the chip component. It works well, but could an option be added to change the colour of the front and delete icon.

In outline variant mode the icon colour seems to be coming from the underlying default theme, it also seems to be ignoring the actual component colour that has been selected.

Screenshot 2021-08-24 at 13.11.29 Screenshot 2021-08-24 at 13.21.38

In default variant mode it seems to working fine and taking the colour from the actual selected colour of the component.
Screenshot 2021-08-24 at 13.25.10Screenshot 2021-08-24 at 13.25.19

It would be ideal if it was possible to change the colour of the icons individually?


Hello @Farid

I was created an internal topic to improve the situation with the styling of chip components, but for now, you could use this code to change the colors of icons

.bl-page { {
    .bl-chip-front-icon {
      color: red;
    .bl-chip-delete-icon {
      color: green;

Where my-chip is a custom class on your chip component(you can change it for any other class name)

Thanks for informing us about this issue.

Regards, Dima.