Change colour for datatable column action icons

Hello,

I’m looking for a way to change the colour of datatable column action icons, such as these sorting arrows:

As you can see, the hot pink default doesn’t fit with my app scheme, and I’d like to change the colour that shows when I hover.

There have been a couple questions about this; however, none of the answers seem to do what is desired. I’ve managed to change the colour of selected cells from the default hot pink to blue, but I’m not sure how to change it for these arrows.

Any help would be appreciated!

Hi @justin13601

You can find out more about styling the datatable here:

This site describes how to style an app with a Bootstrap theme, but if you are not using Bootstrap you can use this stylesheet as a starting place and modify it for your own use:

https://cdn.jsdelivr.net/gh/AnnMarieW/dash-bootstrap-templates/dbc.css

1 Like