Mui-datatables: How can I change the color of MUIDataTableToolbar icon hover

[lamthenguyen]

Hi
-I want to override this color of toolbar icon as example below:

MUIDataTableToolbar-icon-982:hover {
color: #fd7e14;
}
-I can override the color of icon, but I don't know how to do with hover, please help

const customTheme = createMuiTheme({
overrides: {
MUIDataTableToolbar: {
icon: {
color: "#dc3545"
},

    },
}

});

Thank you.
Lam

[Yakitrak]

Hi lamthenguyen. It should be as easy as how you'd normally add hover on any react component. Try this:

const customTheme = createMuiTheme({
  overrides: {
      MUIDataTableToolbar: {
        icon: {
           color: "#dc3545",
           '&:hover': {
                color: "HOVERCOLOUR"
            }
        },
    },
  }
});

[lamthenguyen]

It works OK. Thank you, Yakitrak.