Suggestion: Use 2 sort icons instead of 6

[softworkz]

Maybe this is useful..

Instead of having 6 sort icons, you can do this:

th.sort-cell span.sort-icon.sort-down {
    -webkit-mask-image: url(/static/sort/down.svg);
    -webkit-mask-repeat: no-repeat;    
    mask-image: url(/static/sort/down.svg);
    mask-repeat: no-repeat;
    background: currentColor !important;
}


th.sort-cell span.sort-icon.sort-up {
    -webkit-mask-image: url(/static/sort/up.svg);
    -webkit-mask-repeat: no-repeat;    
    mask-image: url(/static/sort/up.svg);
    mask-repeat: no-repeat;
    background: currentColor !important;
}

The icons will always have the same color as the header text (including :hover) - no need for extra hover or dark-theme icons.
That's how I did it for having a custom sort icon. Maybe it's useful for you.