Alexander Gromnitsky's Blog

Remove black border around Gtk4 menus using CSS

Latest update:

An ugly black border is usually visible when there is no compositor running, and Gtk4 can't render window shadows.

A simple test using gtk4-demo-application.

$ rpm -qf `which gtk4-demo-application`
gtk4-devel-tools-4.10.4-1.fc38.x86_64

With the Epiphany browser the default Gtk4 theme looks borderline inadequate:

A simple fix:

$ cat ~/.config/gtk-4.0/gtk.css
popover contents {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}

This makes gtk4-demo-application render almost perfect:

And while the result for Epiphany is still not ideal, the browser is much more usable now:


Tags: ойті
Authors: ag