Is it possible to set a background image as part of the GUI theme (not the rendered note)? As in, I would want an image, rather than a solid colour in the background of the GUI.
I tried:
body {
background-image:
url("example.com/whatever.jpg")
}
It looks the same but this background image is embedded in the css file and so Joplin will not need internet access. The css file, however, is now massive (in this case 407KB). So a small, repeating image would be better.
I was able to get closer to the desired effect (which is having the image behind the whole GUI: sorry if that was not clear).
Now I just need a way to make the editor and note list's backgrounds transparent (I was able to make the sidebar and edited note backgrounds transparent). Do you know how I might do that? I have searched and searched but can't seem to find the right div classes to change (can't find one that works and is not machine generated for the sidebar, and can't find one that allows opacity for the editor).
I had a quick look and could not see an easy way. Using non-machine generated classes I could get the opacity changed of the entire note-list pane but that also affected the text, so it was not exactly useful. You have obviously grasped the way this sort of thing is done so I guess all you can do is experiment. I have found this page useful for helping to devise "stacked" selectors (such as where a particular class is the child of or contained within another element type).
For people coming from Boostnote, here's the code to put into userchrome.css to get the "paper background". I like it a little darker so experiment with the color.