Joplin の Markdown エディタのテーマをカスタマイズ

Joplin の Markdown エディタのテーマをカスタマイズしてみました。

Joplin は エレクトロン という言語で書かれていますが、の UI は html と CSS で作られています。設定画面から、このスタイルシートファイルを開くことができ、独自の CSS を追加することで見た目を上書きできます。また、Joplin の「ヘルプ」-「開発者ツールのオンオフを切り替える」を選択することで、 Chrome の開発者ツールが Joplin 内で開き、要素を選択してスタイルを確認したり一時的に書き換えることができます。 Chrome でスタイルを確認するときと全く同じ要領です。

というわけで、 Markdown 編集パネルのスタイルを一部変更してみました。具体的には、見出し要素のフォントサイズが大きくなっているので、それを本文の文字サイズと同じにし、代わりに色を変えて目立たせるようにしました。同様に、箇条書きも色を変更して箇条書きだとわかるように変更。