GTK TreeView styling

Question

Short version: What CSS selector can be used to style the background of a GTK TreeView header?

Long version: I've tried treeview header, treeview header .button, .button, button, label, GtkTreeView header, header and * as selectors for the header of a Gtk.TreeView. Of these, button works to change the colour of the text in the header (the color attribute) but not the background (background-color). label changes the colour of the background behind the header text, but leaves a big area around the text at the default. * works, but of course changes everything else, too.

José Fonte · Accepted Answer · 2017-08-09 16:36:14Z

6

I've tried to use Gtk Inspector on a simple python example and it reported the treeview class as .view and the button on the header as .button. Setting a custom css provider to the application with:

cssProvider = Gtk.CssProvider()
cssProvider.load_from_path("custom.css")
Gtk.StyleContext.add_provider_for_screen(Gdk.Screen.get_default(), cssProvider, Gtk.STYLE_PROVIDER_PRIORITY_USER)

and the custom.css file with the following content:

.view .button { color: Red; background: Cyan; font-weight: bold; text-shadow: none; box-shadow: none; }

The result was:

Here you can see the treeview header with font color as Red and backgroung as Cyan.

Tested on Fedora 23.

EDIT

On Fedora 26, it's as documented. you should use:

treeview.view header button { color: Red; background: Cyan; font-weight: bold; text-shadow: none; box-shadow: none; }

and the result is similar.

edited Aug 9, 2017 at 16:36

answered Aug 9, 2017 at 14:33

José Fonte

4,1242 gold badges19 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

José Fonte Over a year ago

Check developer.gnome.org/gtk3/stable/GtkTreeView.html CSS nodes

elboulangero Over a year ago

Updated URL for the GtkTreeView CSS nodes documentation: docs.gtk.org/gtk3/class.TreeView.html#css-nodes

Collectives™ on Stack Overflow

GTK TreeView styling

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related