How do I change a plugins toolbar icons?

Support
1

I found out now to natively use my own icon-font using Base64 encoding in the userstyles.css file and it works awesome.

However, I now want to change the toolbar icons of a plugin: https://github.com/FelisDiligens/joplin-plugin-multimd-table-tools

The current icon bar now looks like this:

Joplin_1WNpZdl3M9
Joplin_1WNpZdl3M9833×106 6.35 KB

You can tell the icons are much bolder, and overall just don't fit with the aesthetic of Joplin.

I've opened .config\joplin-desktop\cache\joplin.plugin.MultiMarkdownTableTools and there are a bunch of files. I scanned a few and noticed they are using fontawesome syntax, but all of the js files are completely obfuscated making it difficult to understand where the icon definitions are.

So a few questions:

  1. Is fontawesome built into Joplin? Can I actually use it as an end user in my notes? (Not that I necessarily want to)
  2. How can I change the toolbar icons of this plugin?

My first thought is to find the JS file that defines the icons and embed my own iconfont via Base64. Then swap the tokens. Problem is, all of the code is minified and obfuscated as I said earlier.

If there is an easier way or someone knows how to do this in a less convoluted way, that would be great.

Any help would be really appreciated.

Jay

2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.