Is there a way to use custom stylesheets with Joplin, so you can pick fonts and other properties for different elements such as tables and headers?

Thx @CalebJohn . Now, I know there’s no point in continuing to exhaust myself on this subject. Applying the model containing special.css remains the simplest solution.

Hi @betternote , What you try to achieve is perfectly achievable, see here . Supposing that your address is OK, there are two ways to do it: <style> @import "/Users/myprofile/.config/joplin-desktop/special.css" </style> or <link rel="stylesheet" type="text/css" href="/Users/myprofile/.config/jop…

Hi, thanks a lot @memophen ! The syntax with @import and hard coded full path works perfectly.

@DominicDesbiens You can also use Help > Toggle development tools from the Joplin menu and: Click on the element inspector - Marked (1) in the below picture (click to expand) Point it at the item of interest in the rendered note - (2) See its full element name in the pop-up - (3) Look at it in …

Oh nice ! With your trick I have been able to find too the good elements name to style the app part that is customized by userchrome.css. Many thanks !

Thanks. My css is very personal to my needs, i have to complete it before to share the code.

Just came across this. I’m applying for GSoC under Joplin, and my idea is to implement a framework to sync settings in Joplin. If it works out well, I think it would be helpful to customise styling as a setting and be able to sync it. This would solve the issue of Losing the styling if it’s stored…

Hi @anihm136 , I appreciate your enthusiasm. Just some remarks here as an appetizer. :slight_smile: It's more than a technical challenge, I think. I would like to see some settings synchronized, but not all. For instance, mobile and desktop often demands for different styling. And within the deskto…

I understand that it will be a hard task (otherwise it would probably be implemented by now!). The way I’m thinking of doing it, we should be able to separate the platform-independent and platform-dependent settings, and when retrieving from sync target on a different platform, only retrieve the pla…

Custom stylesheets

Support

CalebJohn 4 February 2020 21:08 38

@DominicDesbiens there’s a thread for sharing custom css please consider adding your css to it! I know there are a bunch of us who like to see/borrow/share from others that use Joplin.

Topic		Replies	Views
Why is custom CSS an important feature for you? Lounge	22	3272	14 June 2021
Collection of custom CSS Features tips-and-tricks	16	22674	11 October 2020
Feature request : cross-platform sync for userstyle.css file Features	4	2302	10 January 2020
Introduction to customising Joplin (userchrome.css & userstyle.css) Lounge tips-and-tricks , how-to	0	24483	30 October 2021
Joplin MacOS native theme (design mockup) Development	22	5762	22 July 2021

Custom stylesheets

Related topics