Skip to content

benji300/joplin-milford-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Table of contents

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

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

Copyright (c) 2020 Benjamin Seifert

MIT License. See LICENSE for more information.