How do I change the background color for the note list pane?

Operating system


Joplin version


What issue do you have?

I used the code below in userchrome.txt but it doesn't do anything after restart:

.item-list.note-list {
background: #3d4251 !important;

It's userchrome.css and try something like

div.note-list {
    background: #3d4251;

There's some info on how to find the element names here.


Amazing. It worked! Thanks!

I checked how to find the screen component and asked another question in another thread. I guess there is no way to change the color of the menu bar as it's not controlled by userchrome.css? However, my other Windows programs all have different menu bar colors. I guess it's built into the Joplin program itself.

Screenshot 2023-12-27 143005

It's not controlled by userchrome.css but on Windows can you control this through the Windows theme settings?

1 Like

It looks if I change the global windows setting to dark mode the menu bar will turn dark. Otherwise couldn't find a way to customize it. But that's good enough. Thanks!

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.