Joplin - Milford UI

Milford UI is a theme to adapt the UI of Joplin’s desktop application.

Visit Milford Sound in New Zealand!

NOTE - In order to get the best result, it is highly recommended to set the internal color theme to Dark.
For details please see Installation.

CAUTION - Requires Joplin v1.4.18 or newer

Features
Screenshots
Installation
UI tweaks
Feedback
Changes
License

Features

This theme changes the following parts of the user interface.

Clean user interface with dark colors
Colored tags
Clean note list including floating buttons to create new notes/to-dos
Floating editor toolbar at the bottom of the editor content
- Not supported for TinyMCE
Local search inlined within tag list
Improved style of panel splitters
- Highlighted while dragging
Changed style of synchronize area and button
Floating TOC on the right for rendered Markdown mode
- Based on the idea from here
- Requires [[toc]] in note content
Show/hide line numbers in CodeMirror
- Based on the idea from here
Changed visibility of some UI elements by default
- Can be adapted manually - see UI tweaks

Screenshots

Main view

Installation

Open Joplin
Navigate to Tools > Options > Appearance and select Dark as Theme
Apply changes and close Options
Open the user profile directory via Help > Open profile directory
Download the latest userstyle.css and userchrome.css into the opened user profile directory
Restart Joplin to see the changes

UI tweaks

Open Joplin
Navigate to Tools > Options > Appearance
Click Show Advanced Settings
Click Edit below Custom stylesheet for rendered Markdown to open userstyle.css in a text editor
Click Edit below Custom stylesheet for Joplin-wide app styles to open userchrome.css in a text editor
Search for TWEAK and change the styles as described if you want
Save your changes and restart Joplin to see the changes

Feedback

If you need help or found a bug, open an issue on GitHub.

Changes

See CHANGELOG for details.

License

MIT License. See LICENSE for more information.