#1 2018-02-22 15:43:23

devnull

Member

Registered: 2017-06-29

Posts: 69

how find element's class to customize gtk-3

hello everyone,

I am fiddling around with my BL to make a dark and green OS, except for icons which are paper (love the work you have done there).

Now, I downloaded kiss-kool-green, which looks nice, more or less what I'm looking for, but it has some glitches. For example, I can't see the volume button, or the transmission-gtk buttons are black, and the nm-applet menu items all too close together withiut any margin... little things but you know,  a little fix here, a little there and I have what I want. I could also start from a glitchless theme and work my way out with colors, still have to find the best solution, but the question still applies.

Now, problem is: how do I know what gtk class is an element using? For example, the volume element, how do I know what css class to edit to modify it?

Is there something like a firefox "inspect element" to help with the process? Or any resource for quick adjustments?
gtk3 docs are not really helpful for the occasional tinkerer, at least what I have found.

Thank you all as usual!

Head_on_a_Stick

Member

From: London

Registered: 2015-09-29

Posts: 9,068

Website

Re: how find element's class to customize gtk-3

BL-He will use the GTK3 version released with GNOME 3.22, is this theme based on that?

I use `git checkout $version` to get the correct GreyBird theme for Debian stable.

Last edited by Head_on_a_Stick (2018-02-23 07:37:34)

---

Para todos todo, para nosotros nada

devnull

Member

Registered: 2017-06-29

Posts: 69

Re: how find element's class to customize gtk-3

thanks for yiour reply, I didn't know about the 3.22 version. Either way, I just recompiled the adwaita dark theme to have the green in it and it works just fine!