Worked on this a bit today, thought I would share.
I brute-forced the addition of “custom” icons (via FontAwesome) using only CSS. Because I’m using
background-image to query URLs for the icons themselves, you’ll need to be connected to the internet to get them to load. I’m sure that I could download them locally so that it could work offline, but… that’s a problem for my future self. Hope that this helps at least one person out there trying to change their icons!
Some things to note; some icons need to have minor adjustments since they don’t fit cleanly into the footprint they’re replacing. They’re noted by the
background-size attributes added to them.
Gist with the code is here: https://gist.github.com/macintacos/230361c7d5fa9d9e6ff9c8f40263b931
Here is a sample screenshot of the UI after making these changes (I’ve been tweaking the great Dracula theme to my own tastes, if you’re looking for the theme I’m using):
I might’ve missed some icons, so please let me know if that’s the case!