How can I change the arrow PNG color when a column is sorted?

[ivan-ortega-grifols]

Description

I want to know if it is possible to change the little blue triangles used when a column is sorted without overwirtting it through CSS.

I'm refering to this one (e.g.):

.bootstrap-table .fixed-table-container .table tfoot th .asc, .bootstrap-table .fixed-table-container .table thead th .asc {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}

Example(s)

No response

[UtechtDustin]

As you already found out, the image is within the CSS, so you can't configure it.
But you can overwrite it through you're own CSS, but you wrote you don't want to do that. What is the reason for that ?

[ivan-ortega-grifols]

Well, basically is because I prefer to mantain my CSS as simple as I can; and I'm delighted with your option to customize the datatable buttos (data-buttons-class="my-css-classes") and I was wondering why we're not doing the same with the sort icons (with something like "data-sort-icon-up" and "data-sort-icon-down" and the caret PNG is only used by default) It makes sense for you?

Thank you so much for your attention and for considering my request.