One way to do this is to use the category’s url as a guideline.
Here’s a very rough example:
[href="/c/hosting"] .badge-category-bg { // remove default category color marker
display: none !important;
}
[href="/c/hosting"] .badge-category:before { // add new font awesome icon in its place
font-family: fontawesome;
content: "\f1b9";
margin-right: 5px;
}
This would result in:
I have not tested this everywhere and it needs a lot more refinement but that’s the basic idea.
The composer selecter has attributes added to category list items like data-name="hosting"