How to change the colour of links in edit mode?

Support
1

I do need to add a lot of notes with links inside and unfortunately the actual colour scheme for the Aritim Dark theme that I do prefer to use it is hurting my eyes because it's almost impossible to read the content of the links. It is a way to change this colours? They are almost dark on a dark background, so they becomes barely visible.

Joplin_230318.153155-1
Joplin_230318.153155-1782×740 89.9 KB

2

Try...

userchrome.css

Tools > Options > Appearance > Show Advanced Settings > Custom stylesheet for Joplin-wide app styles

.cm-link-text {
    /* links - .cm-link-text is everything in the square brackets of a link*/
     color: orange !important;
}
.cm-string.cm-url, .cm-link {
    /* links - .cm-string.cm-url is the url itself in the round brackets of a link - .cm-link is a link created just using angled brackets - "<http://example.com>" */
     color: yellow !important;
     opacity: 1 !important;
}

image

You can change the colours to your own requirements. You can use hex values (e.g. #FFA500) or HTML named colours like I have.

2 Likes
3

Thank you for the help. Much better now.

4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.