Hi, I have been having fun modding a theme just to make it more consistent. So I changed the shadows for apps like nautilus, terminal etc. (basically the ones with the thicker titlebar.) and I can do this quite easily. But the apps with the thinner titlebar, LibreOffice for example - none of the changes in the gtk.css seem to apply to those windows.
Could someone please point me to which files do apply to them? Or which selectors apply to them within the GTK3 css file? because i have folders for metacity, gtk 2.0 etc etc. and I donāt know where to lookā¦ and the gtk inspector tool wonāt allow me to select the title bar/window either.
Iāve tweak my own theme, iāve applied my own colors in all the folders on this own theme (in fact a completely based on a Matcha one):
/Cinnamon
/gnome-shell
/gtk2.0 +gtk3.0 +gtk4.0
I donāt know what .css is precisely concerned by LO but LO looks as my own now
The property I guess Iām interested in at the moment is:
ādecorationā and more specifically ā.tiled decorationā
I can add/change the box shadows and on nautilus, terminal etc. the shadows of the window will conform to those changesā¦ But not for any application with a thin title bar, so gimp, LO, Inkscape, rhythmbox etc.
I did manage to manipulate elements within rhythmbox with the gtk.css in gtk3 folderā¦ so it must obviously be a gtk3 appā¦ but I have zero clue where itās pulling the data from for itās title bar.
I tried deleting various files to see if I could figure it out but no luckā¦
I have seen other themes add shadows to those apps with thinner title bars when tiledā¦ the Matcha one for example - but Iām struggling with searching online because I donāt really know what my question is lol.
With the Inspector, make sure the Objects label (or is it a button) is selected in the header. The first buttonās tooltip is, āSelect an Objectā. This allows you to select the component in libreoffice that you are interested in, and will position the object inspector.
Then the second button on the top has a tooltip that says, "Show all Objects. After you click that button, in the drop-down, select āCSS nodesā.
When you click the āCSSā label (or is it a button), you can add the CSS right there to try it.
Just a side note: firefox has itās own inspector in the Web Developers Tools (web page) and the Browser Toolbox (firefox UI). And if you want to use gtk.css, the preference āwidget.non-native-theme.enabledā needs to be false, otherwise you need to use userChrome.css.
I will be sure to check out the links. I think I know now why the inspector wasnāt picking up the titlebars of apps like libreoffice, rhythmbox etc. after some fiddling around it seems gnome-shell.css is responsible for the styling these types of windowsā¦
So now I just have to figure out which property is responsible.
