Help with gtk inspector needed

General system Applications
1

I would like some help with the gtk inspector and some css for customization, basically i’ve been trying to change the background color on the left side panel of evolution mail, i installed dconf editor and launched evolution with this comand:

GTK_DEBUG=interactive evolution
It says the class is “EMailSidebar” or id, but whenever i try to target that id on gtk.css config it seems to do nothing at all, i have the gtk.css file located on this path:

/home/ramon/.config/gtk-3.0/gtk.css

2

Hi, you need to use the styling class for the “EMailSidebar” control. Looking at the inspector we have EMFolderTree class there, so the only CSS you need is something like:

.EMFolderTree {
  background-color: teal;
}

and that produces

image
image392×649 63.4 KB

Sidebar style classes

image
image1235×295 40.9 KB

3

thanks, i just ended using treeview instead, i liked it better since i was looking for a way to change the background left panel color on gthumb image viewer as well, here’s the code i used:

treeview { background-color: #d7dce1 };

treeview*:focused { background:#3770a6 linear-gradient(0deg,rgba(33, 56, 90, 1) 4%, rgba(55, 92, 143, 1) 3%, rgba(119, 153, 202, 1) 92%, rgba(163, 195, 239, 1) 94%, rgba(54, 69, 89, 0.85) 97%);  color:white; } 

treeview*:selected { background:#3770a6 linear-gradient(0deg,rgba(33, 56, 90, 1) 4%, rgba(55, 92, 143, 1) 3%, rgba(119, 153, 202, 1) 92%, rgba(163, 195, 239, 1) 94%, rgba(54, 69, 89, 0.85) 97%);  color:white; }