Help with userchrome.css

nr458h · 2020-02-26T14:52:55.808Z

Continuing the discussion from Share your CSS:

Hello,

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

dpoulton · 2020-02-27T19:58:21.837Z

nr458h:

how to make all the litle lines in-between black (they are all div)

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.

no_lines725×142 4.79 KB

highlight725×142 6.45 KB

nr458h · 2020-02-27T21:04:06.048Z

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

dpoulton · 2020-02-28T07:07:24.887Z

nr458h:

How to make the viewer pane also black

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

body {
    background: #000000;
}

in userstyle.css may assist?

nr458h · 2020-02-28T08:52:52.257Z

thanks that works.

now only the div objects are missing