I just searched for this. For those who are looking for the same thing, you can use your browser's developer tools to find the div or class that you want to edit and add this to your own css file.
I like to use w3.css so to get the "card" effect, I looked up the styling from its css file and I copied it into my own custom.css file that by page calls after the framework.
Here is are some examples for the standard sidebar:
Code: Select all
.plugin-label {
background-color: #474b4f;
padding: 14px;
margin: 16px;
color: black;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
h2.plugin-label {
font-size: 20px;
}
.plugin-categories li {
color: #86c232;
list-style-type: none;
}
Maybe the sidebar can be updated to inherit the stylesheet instead of override it.