Catppuccin for joplin

View on GitHub

Usage

  1. Download the files userchrome.css and userstyle.css from your preferred flavour from the src/ directory.
  2. Move these files to the Joplin configuration directory:
    Linux/macOS: ~/.config/joplin/
    Windows: C:\Users\%USERNAME%\.config\joplin\
  3. You need the Rich Markdown Plugin and need to enable extra CSS options by going into Options -> Rich Markdown -> Add additional CSS classes for enhanced customization.
  4. Enable the dark theme from Appearance to use the theme.

🙋 FAQ

  • Q: "My font looks bad"
    A: The theme uses Noto Sans and Roboto Mono fonts along with Font Awesome 5 for icons. You need to install those fonts for the font to render correctly.
  • Q: "How to change the colours/fonts?"
    A: The colours/fonts are defined inside the two .css files. Change the colours and fonts from these files to suit your needs.

💝 Thanks to

  • stysebae for the initial vsc-type themes on which this theme is based.
  • ghostx31