There was an update quite a long time ago now to remove the default codemirror syntax highlighting to make the styling more consistent.
Joplin has several internal stylesheets that control what Joplin looks like to the user. However two have been provided that allow the user to customise the app. Joplin uses its built-in styles but these two files can be used to override those styles. These files are just like the Cascading Style Sheets (CSS) used when creating web-sites. The files are called userchrome.css and userstyle.css.
userchrome.css allows styling of the app itself, including the Markdown Editor,
userstyle.css allows s…
This page is a collection of CSS tweaks to customize Joplin (e.g. editor, rendering, ...)
To discover CSS classes and types refer to this comment
[plain_codemirror]
/ref dpoulton comment
Try the following. There might be some incorrect stuff but this is what I got for a 5 min comparison from the old dark theme.
div.CodeMirror.cm-s-material-darker span.cm-header {color: #dddddd;}
div.CodeMirror.cm-s-material-darker span.cm-quote {color: #dddddd;}
div.CodeMirror.cm-s-material-darker span.cm-negative {color: #d44;}
div.CodeMirror.cm-s-material-darker span.cm-positive {color: #292;}
div.CodeMirror.cm-s-material-darker span.cm-header, span.cm-strong {font-weight: bold;}
div.CodeMirr…
4 Likes