How my Joplin looks like

Based on the dark theme from @xplosionmind

Modified to look more like the One Dark Pro on vscode. Took some inspiration on the PHPStorm Nord theme.

• Added margins to the editor
• Add custom headers (with 1 color per header)
• Custom notes separator
• Better reading experience (subjective)
• fixed note links contrast with new modern icon
• responsive multi-column markdown render
• 2-column export for pdf

Todo

• Clean CSS

Installation

userchrome.css is used to style the entire app, userstyle.css is used to style the parsed markdown, instead.

In order to use these stylesheets, place them in ~/.config/joplin-desktop/ on linux, and in %userprofile%\.config\joplin-desktop\ on windows.

fonts used in this custom theme :

• Editor font family : Fira Code font size at 13
• Noto Sans JP
• Roboto

What it looks like

Responsive markdown render

How to enable those header styles (h1 to h6)

If you want to use those, don't forget to enable the rich markdown plugin and check this option bellow :

PDF 2-column example (for grayscale printing)