Orchis-theme icon indicating copy to clipboard operation
Orchis-theme copied to clipboard

Mismatched topbar icons

Open JokaJukka opened this issue 1 year ago • 3 comments

Hey there! I'm using this GTK theme alongside the KDE version. Hovewer, I've noticed that the themes have mismatched topbar icons for minimize/maximize/close: image

The window at the background is Firefox, with disabled topbar - so the icons are rendered via GTK. Is there any way to fix this? Attaching my system specs: Operating System: Arch Linux KDE Plasma Version: 5.27.6 KDE Frameworks Version: 5.107.0 Qt Version: 5.15.10 Kernel Version: 6.3.9-zen1-1-zen (64-bit) Graphics Platform: X11 Processors: 8 × 11th Gen Intel® Core™ i5-1135G7 @ 2.40GHz Memory: 11,5 GiB of RAM Graphics Processor: Mesa Intel® Xe Graphics Manufacturer: Acer Product Name: Aspire A515-56 System Version: V1.26

Thanks in advance.

JokaJukka avatar Jun 22 '23 16:06 JokaJukka

Change your icon theme

vinceliuice avatar Jun 23 '23 03:06 vinceliuice

Great, that seems to help a lot, thanks! But the difference (though minor) is still there - notice the "de-maximize" button:

Native qt: image

Firefox: image

As I've said, that is a minor detail, and I can live with that.

JokaJukka avatar Jun 23 '23 07:06 JokaJukka

If you want the close/minimize/restore/maximize icons to all match, you have to do a bit of manual work. Unfortunately, as you may or may not know, Gnome doesn't really have true theming support. All of it is somewhat of hack.

Here are the icons that all have to match:

Icon theme

Should be located in either:

  • /usr/share/icons/<theme> (if you installed it for all users) or
  • /home/<user>/.icons/<theme> (if you installed it for your user only)

You have the following icons:

  • /symbolic/window-close-symbolic.svg
  • /symbolic/window-maximize-symbolic.svg
  • /symbolic/window-minimize-symbolic.svg
  • /symbolic/window-restore-symbolic.svg

System and/shell theme (this example assumes you are using the Orchis-theme)

Should be located in either:

  • /usr/share/themes/<theme> (if you installed it for all users) or
  • /home/<user>/.themes/<theme> (if you installed it for your user only)

You have the following icons:

  • /gtk-3.0/assets/scalable/close-symbolic.svg
  • /gtk-3.0/assets/scalable/[email protected]
  • /gtk-3.0/assets/scalable/maximize-symbolic.svg
  • /gtk-3.0/assets/scalable/[email protected]
  • /gtk-3.0/assets/scalable/minimize-symbolic.svg
  • /gtk-3.0/assets/scalable/[email protected]
  • /gtk-3.0/assets/scalable/unmaximize-symbolic.svg
  • /gtk-3.0/assets/scalable/[email protected]
  • /gtk-4.0/assets/scalable/close-symbolic.svg
  • /gtk-4.0/assets/scalable/[email protected]
  • /gtk-4.0/assets/scalable/maximize-symbolic.svg
  • /gtk-4.0/assets/scalable/[email protected]
  • /gtk-4.0/assets/scalable/minimize-symbolic.svg
  • /gtk-4.0/assets/scalable/[email protected]
  • /gtk-4.0/assets/scalable/unmaximize-symbolic.svg
  • /gtk-4.0/assets/scalable/[email protected]

Libadwaita

Then assuming you installed the icon theme for gtk-4 libadwaita applications, you should have a copy or linked contents of the gtk-4.0 directory in your theme location to /home/<user>/.config/gtk-4.0/.

Depending on whether the contents are linked or copied, and the order of operations, you have to make sure the icons there are also the same.

So if all of those icons match, they should look the same in all applications. The icons that I use, that match your screenshot, come from the Fluent icon theme. I think you will like them a lot.

zleonov avatar Jan 19 '24 01:01 zleonov