Share your CSS

Lounge
65

As I often use internal Joplin links “inline” I find that the Joplin internal link “J” icon before the link can be rather distracting.

This CSS is for userstyle.css and removes the “J” icon for internal links but does not remove the resource type icons for txt, pdf, zip, etc. attachments.

However as there is no longer something to differentiate between internal and external links it also changes the colour of internal links and, if applicable, their resource icons. In this example blue is external and green is internal.

custom_css

a {
color: #0000CD; /* set general link colour - includes TOC links*/
}

a[data-resource-id] {
color: #006600; /* change the colour of INTERNAL links */
}

.resource-icon.fa-joplin {
display: none; /* do not display the Joplin resource icon */
}

.resource-icon {
background-color: #006600; /* change other resource link icons to the same as the internal link colour */
}
12 Likes