Custom stylesheets

Support
16

An alternative for inline style definitions could be this:

<link rel="stylesheet" href="c:/Users/memophenon/.config/joplin-desktop/altuserstyle.css">
<link rel="stylesheet" href="/Users/memophenon/.config/joplin-desktop/altuserstyle.css">

The first one for my pc, the second for my Mac. I would prefer a relative stylesheet address, but I couldn’t find a way to get that working. Nor do I have any clue what kind of address I should use on iOS.

It was a good decision to make the userstyle.css device-dependent, in my opinion. Different devices demand for different stylings. But a cascade allows you to play with style scopes:

  1. on your device — built-in AppStyleSheet (dynamic)
  2. on your device — UserStyleSheet
  3. in notes — CSS files linked by <link> tag
  4. in notes — CSS block embedded as <style> element, optionally containing @import functions
  5. in notes — style attributes added to HTML tag

Thanks for sharing your stylesheet BTW. I hadn’t realized I could suppress the J icon at internal links this way. It’s too big, too low positioned, and ruins the regular line spacing.