Import CSS file in Python GTK3 program created using Glade

Question

I try to find information about adding a colored button widget. I tried adding suggested-action as class, but the button is still grey. So i want to write my own css file with my own style information. I'm using glade to create the glade file and build the gui from that in my main.py.

Where do I have to put the css file in my source tree and how do I import it?

lb90 · Accepted Answer · 2019-10-15 11:10:36Z

7

There is a HowDoI guide here: https://wiki.gnome.org/HowDoI/CustomStyle

In Python you have to first import Gdk:

gi.require_version('Gdk', '3.0')
from gi.repository import Gdk

Then you can set the CSS at startup:

screen = Gdk.Screen.get_default()
provider = Gtk.CssProvider()
provider.load_from_path("/path/to/style.css")
Gtk.StyleContext.add_provider_for_screen(screen, provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

Here I recommend using an absolute path. If you use relative paths you will get into problems if the working directory is not the directory of the project. For example, if you use relative paths, this will not work:

cd somedirectory
python /home/user/project/main.py
# Error: cannot find style.css

NOTE: of course, the background-color property only works if there is no background-image set filling the background. The Adwaita theme sets the background-image on buttons. So remove it:

button {
  background: none;
  background-color: red;
}

answered Oct 15, 2019 at 11:10

lb90

9875 silver badges10 bronze badges

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

1 Comment

Standard Over a year ago

works like a charm. for google finders: I generated the absolute path from the current directory + my relative css path.

Collectives™ on Stack Overflow

Import CSS file in Python GTK3 program created using Glade

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related