Hello everyone ! Was curious if anyone knows how to create a custom stylesheet, to implement Github like syntax highlighting for git differences like this . Thank you in advance!

The css classes for the deleted and added lines is hljs-deletion and hljs-addition, you can see this by using Help->Toggle Development Tools, which allows you to inspect the Joplin html. This will allow you to highlight the background like in the example. But unfortunatley as in the example it loo…

hi @atomtm thanks for asking this question, it taught me something new about Joplin! Apparently the syntax you linked to is already supported! I’ve copied the raw markdown below, try pasting it into Joplin! ```diff public class Hello { public static void Main() { - System.Console.WriteL…

I have already tried that , however I would like the background of the row to change too. Also is there a way to keep the syntax highlighting for the language and color the rows that start with -,+ , i.e. don’t use diff but java for example and highlight changed rows? Thank you !

Thank you very much for your the info. Will try it out and let you know !

Was curious if you can render your notes with addins like this ?

Github like syntax highlighting for diff

Support

bedwardly-down 5 March 2020 19:13 2

Welcome to the forums. I genuinely don't know this stuff well enough to be of help here, but there is an on going discussion about this particular topic where you should be able to find this out.

Topic		Replies	Views
How can i change the color of the Background Highlight Support	11	4798	31 October 2021
Note editor vs note viewer - syntax highlighting - missing feature or I just can't find the setting? Support	0	78	22 December 2024
Custom code block syntax, presumably by executing js script from userstyle.css? Support	3	1764	9 February 2019
Share your CSS Lounge tips-and-tricks	381	78145	29 July 2026
How to get text highlighting to work and coloring sidebar and notepages Support	6	6225	6 May 2021

Github like syntax highlighting for diff

Related topics