Customizing sidebar layout not possible

Support
1

I’m using Joplin 1.7.11 (prod, win32)

I tried to customize the layout using userchrome.css and userstyle.css. This works for the Note List and editor sections and rendered markdown (userstyle.css). It does not work for the sidebar. I have tried some userstyle.css (also here from forum) without success.

My goal is to configure in the sidbar layouts hover (.side-bar .list-item:hover), active (.side-bar .list-item:active), etc.

What am I doing wrong? Maybe I didn't realize that the sidebar layout is only customizable via the Joplin layout (bright, dark, dracula, north, etc.)

1 Like
2

@xelared To set the background-color you have to target .list-item-container in stead of .list-item.

.list-item-container:hover {
  background-color: red;
}

Currently it is not possible to alter the styling of the selected item, since there is no classname to attach your style to. I will open a PR for this.

3

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