How can I change the toolbar icons added by an installed plugin?

Development
1

Operating System: Windows 10 Pro x64 22H2 Build 19045.2965
Joplin Version: 2.10.18 (Portable)

I've installed the "Menu items, Shortcuts, Toolbar icons" add-on. While I like the new features, I find the icons not to my taste (and inconsistent with the Joplin UI) and wish to change them. I've found the extension .jpl file in Joplin\JoplinProfile\plugins.

I was able to extract it with 7zip and take a look at the source.

It seems like the add-on is using Font Awesome.

Here's a part of the Index.js file from the plugin:

Object.defineProperty(t, "__esModule", { value: !0 }),
            (t.ENABLE_TOGGLE_OVERWRITE =
                t.ENABLE_JOIN_LINES =
                t.ACTIVATE_ONLY_SETTING =
                t.DTI_SETTINGS_PREFIX =
                t.actions =
                    void 0),
            (t.actions = {
                textMark: {
                    label: "Mark",
                    iconName: "fas fa-highlighter",
                    wrapString: "==",
                    defaultText: "marked text",
                    accelerator: "CmdOrCtrl+Shift+Y",
                    markdownPluginSetting: "markdown.plugin.mark"
                },
                textStrikethrough: {
                    label: "Strikethrough",
                    iconName: "fas fa-strikethrough",
                    wrapString: "~~",
                    defaultText: "struck out text",
                    accelerator: "CmdOrCtrl+Shift+U"
                },
                textUnderline: {
                    label: "Underline",
                    iconName: "fas fa-underline",
                    wrapString: "++",
                    defaultText: "underlined text",
                    accelerator: "CmdOrCtrl+U",
                    markdownPluginSetting: "markdown.plugin.insert"
                },
                textSuperscript: {
                    label: "Superscript",
                    iconName: "fas fa-superscript",
                    wrapString: "^",
                    defaultText: "superscript text",
                    accelerator: null,
                    markdownPluginSetting: "markdown.plugin.sup"
                },
                textSubscript: {
                    label: "Subscript",
                    iconName: "fas fa-subscript",
                    wrapString: "~",
                    defaultText: "subscript text",
                    accelerator: null,
                    markdownPluginSetting: "markdown.plugin.sub"
                }
            }),

What I don't understand is where Font Awesome is installed and how the add-on is pulling from it. Is Font Awesome installed with Joplin?

Anyway, even if it is, how can I specify my own icons (Either SVG or IconFont)?

I'd very much like to restyle the toolbar icons. Any help at all would be greatly appreciated.

Jay

2

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