Question

11

How to get rid of the background gradient of the inline GtkToolbar?

rated 0 times [ 11] [ 0] / answers: 1 / hits: 1510 / 1 Year ago, thu, december 22, 2022, 10:56:05

When you run the below code, it will show an inline toolbar in a window. Notice how the inline toolbar has a stand-out backbround. Is there a way to apply CSS to get rid of it and make blend with regular window color?

#!/usr/bin/python3

from gi.repository import Gtk



button_names = [Gtk.STOCK_ABOUT, Gtk.STOCK_ADD, Gtk.STOCK_REMOVE, Gtk.STOCK_QUIT]

buttons = [Gtk.ToolButton.new_from_stock(name) for name in button_names]

toolbar = Gtk.Toolbar()

toolbar.set_show_arrow(False)

for button in buttons:

    toolbar.insert(button, -1)

style_context = toolbar.get_style_context()

style_context.add_class(Gtk.STYLE_CLASS_INLINE_TOOLBAR)

grid = Gtk.Grid()

grid.add(toolbar)

label = Gtk.Label()

grid.add(label)

window = Gtk.Window()

window.set_size_request(200, 50)

window.add(grid)

window.connect('delete-event', Gtk.main_quit)

window.show_all()

Gtk.main()

Using andrewsomething code, it's starting to look better but the "border" is still there and takes up space. Notice in the below screenshot the toolbar on the left is smaller than the regular buttons on the right:
ubiquity testing

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

itchlos

Add To Favorites

Follow

Total Points: 486

Total Questions: 115

Total Answers: 110

Location: Macau

Member since Fri, Apr 28, 2023

1 Year ago

itchlos questions

1 How do I remove password from a PDF using ghostscript, when password is known?

Fri, Apr 8, 22, 15:40, 2 Years ago

1 Install Ubuntu server 22.04 without internet

Wed, Nov 10, 21, 23:32, 3 Years ago

1 Facing problem to update software and can't get Ubuntu version 22.04

Mon, Jun 14, 21, 10:10, 3 Years ago

1 Find files with certain text within certain date range

Mon, Nov 28, 22, 20:56, 1 Year ago

1 Failed to start netplan-wpa-wlan0.sevice: Unit netplan-wpa-wlan0.service not found

Sun, Aug 1, 21, 19:12, 3 Years ago

View All

answered 1 Year ago berlorful · Accepted Answer

Here we go:

example screenshot

First you need to find the default background color for the the current theme. Then you can inject it into the current css for the GtkToolbar class.

# Get the default window background color for the the current theme.

win_style_context = window.get_style_context()

bg = win_style_context.lookup_color('theme_bg_color')[1].to_string()



# Then we set that as the background for GtkToolbar

# We also make the boarder transparent

css_provider = Gtk.CssProvider()

toolbar_css = ".inline-toolbar.toolbar { background: %s; border-color: transparent; }" % (bg)

css_provider.load_from_data(toolbar_css.encode('UTF-8'))

screen = Gdk.Screen.get_default()

win_style_context.add_provider_for_screen(screen, css_provider,

                                          Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION)

Note that you need to from gi.repository import Gdk