[solved] Option control of appearance of sidebar & note list (font size and theme)

Features
2

Hi!

I think what you’re requesting is already possible in Joplin.

First of all, if you just want to change the font size of text in Joplin that isn’t in the note viewer, there’s a setting for that. It’s Global Zoom Percentage under the Appearance header of Options

image
image768×309 25 KB

Additionally much like the userstyle.css for customizing the note, Joplin supports a userchrome.css file for customizing the rest of the application.

You can search for userchrome.css in these forums to find examples of people customizing the app to their liking. The class of the sidebar is just side-bar with some other classes for the elements inside.
Here is an example that re-colors the side-bar and note-list

.side-bar,
.list-item-container,
.list-item,
div[toggleblock="1"],
.synchronize-button {
    background-color: white !important;
    color: black !important;
}

This isn’t perfect because it doesn’t properly re-color the sync message, but I’ll update when I figure it out.