Change sort icon and resize icon color

[quoc-jordan-an]

Hi, I was able to change the color of column actions icon and column drag icon to white using the given props in the documentation. But how do you change the color of the other 2 icons (see picture)

I successfully changed drag and action icons using these:

muiColumnActionsButtonProps: ({ column }) => ({
    sx: {
        color: "white",
    },
}),
muiColumnDragHandleProps: ({ column }) => ({
    sx: {
        color: "white",
    },
}),

Here is the picture of the other 2 icons I need to change the color to white

[quoc-jordan-an]

Hi, I was abled to solve this:

muiTableHeadCellProps: ({ column }) => ({
            sx: {
                color: "white",
                backgroundColor: "#004EDA",
                fontWeight: "normal",
                fontSize: "14px",
                "& .MuiTableSortLabel-root svg": { // <----- this is for the sort icon
                    color: "white !important",
                },
            },
        }),

[quoc-jordan-an]

I will update this once I figure out for resize icon color