Bug 437127 - Rounded corners of GTK menus don't look correct
Summary: Rounded corners of GTK menus don't look correct
Status: RESOLVED FIXED
Alias: None
Product: Breeze
Classification: Plasma
Component: gtk theme (other bugs)
Version First Reported In: 5.21.5
Platform: Arch Linux Linux
: NOR minor
Target Milestone: ---
Assignee: Janet Blackquill
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2021-05-15 01:45 UTC by n.parkanyi
Modified: 2025-10-29 14:37 UTC (History)
4 users (show)

See Also:
Latest Commit:
Version Fixed/Implemented In: 6.5.0
Sentry Crash Report:


Attachments
Example from firefox (10.64 KB, image/png)
2021-05-15 01:45 UTC, n.parkanyi
Details
Example from audacity (11.84 KB, image/png)
2021-05-15 01:47 UTC, n.parkanyi
Details

Note You need to log in before you can comment on or make changes to this bug.
Description n.parkanyi 2021-05-15 01:45:25 UTC
Created attachment 138439 [details]
Example from firefox

SUMMARY
In GTK applications with Breeze, both dropdown menus and right click menus draw a border with rounded corners, but a jagged, opaque white rectangular corner is shown behind. It is only apparent when the menus appear above something with a non-white colour. Attached screenshots demonstrate this.

This does not occur with other GTK themes.

SOFTWARE/OS VERSIONS
Arch Linux
(available in About System)
KDE Plasma Version: 5.21.5
KDE Frameworks Version: 5.82.0
Qt Version: 5.15.2
X11

ADDITIONAL INFORMATION
Comment 1 n.parkanyi 2021-05-15 01:47:29 UTC
Created attachment 138440 [details]
Example from audacity
Comment 2 Nate Graham 2021-05-18 20:52:31 UTC
Yes, we're faking it with a colored pixel in the corner.
Comment 3 Nate Graham 2025-10-20 15:13:20 UTC
Git commit 35faae2ae8236f55a437a774468f7cf9bff51b71 by Nate Graham, on behalf of Rocket Aaron.
Committed on 20/10/2025 at 15:13.
Pushed by ngraham into branch 'master'.

gtk3/menu: fix corner radius background

Remove the solid color behind GTK menus' rounded corners.

This change is inspired by
https://github.com/vinceliuice/Mojave-gtk-theme/blob/4604817056f25b5a7e3aaf725ee45a4bd1f45dd6/src/sass/gtk/_common-3.0.scss#L118

GTK3's default theme also has a similar rule:
https://gitlab.gnome.org/GNOME/gtk/-/blob/3.24.51/gtk/theme/Adwaita/_common.scss#L2202

M  +5    -0    src/gtk3/widgets/_menus.scss

https://invent.kde.org/plasma/breeze-gtk/-/commit/35faae2ae8236f55a437a774468f7cf9bff51b71
Comment 4 Nate Graham 2025-10-20 15:13:42 UTC
Git commit 12170472f7be6dd73edbffd0e3fb2bd54daa23bb by Nate Graham.
Committed on 20/10/2025 at 15:13.
Pushed by ngraham into branch 'Plasma/6.5'.

gtk3/menu: fix corner radius background

Remove the solid color behind GTK menus' rounded corners.

This change is inspired by
https://github.com/vinceliuice/Mojave-gtk-theme/blob/4604817056f25b5a7e3aaf725ee45a4bd1f45dd6/src/sass/gtk/_common-3.0.scss#L118

GTK3's default theme also has a similar rule:
https://gitlab.gnome.org/GNOME/gtk/-/blob/3.24.51/gtk/theme/Adwaita/_common.scss#L2202


(cherry picked from commit 35faae2ae8236f55a437a774468f7cf9bff51b71)

e66a82a0 gtk3/menu: fix corner radius background

Co-authored-by: Rocket Aaron <i@rocka.me>

M  +5    -0    src/gtk3/widgets/_menus.scss

https://invent.kde.org/plasma/breeze-gtk/-/commit/12170472f7be6dd73edbffd0e3fb2bd54daa23bb
Comment 5 Ilya Bizyaev 2025-10-28 17:02:19 UTC
Should this be closed as fixed now?
Comment 6 Nate Graham 2025-10-29 14:36:46 UTC
Yeah!