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