Help with userchrome.css

Continuing the discussion from Share your CSS:


I try to make a black theme for my Joplin with userchrome.css running Joplin 1.0.179 under Linux.

But I run into the problem that some elements do have the same class: div. If I change the background color for div I can't see the elements in the editor view anymore.


  • How to make the viewer pane also black
  • how to make all the litle lines in-between black (they are all div)
  • how to make the little part in front of the checkbox black?

The cool is to have it to look like this :wink:


Rather than make them black you could try removing them…

div {
	border-bottom: none !important;

It removes a lot of the horizontal lines in the Joplin interface.


@dkebler as it seems you are familiar with css maybe you can help with this problem as well?

The viewer pane is controlled by userstyle.css so something like

body {
    background: #000000;

in userstyle.css may assist?


thanks that works.

now only the div objects are missing