Theme GTK3/4 window controls to match COSMIC theme

[nabrious0]

This PR relies on the COSMIC GTK3/4 theming feature and extends it to also theme window control buttons

(This covers colors, hover background color, window active/inactive state colors, transitions (animations) and more...)

Examples below ( ↓ )

Eddy - GTK3 (Light/Dark)

Flatseal - GTK4|libadwaita (Light/Dark)

Main Menu - GTK4|libadwaita (Light/Dark)

Nautilus (GNOME Files) - GTK3 (Light/Dark)

[mmstick]

Is it possible to make all icons in the header bar match the accent color?

[nabrious0]

Is it possible to make all icons in the header bar match the accent color?

Haven't looked into it but I'm 99.99% sure it's possible, I'll check and report back.

[nabrious0]

Is it possible to make all icons in the header bar match the accent color?

Yup, it is.

[nabrious0]

Here are updated screenshots to include the colored icons:

Main Menu - GTK4|libadwaita

Flatseal - GTK4|libadwaita

Nautilus (GNOME Files) - GTK3

[mmstick]

I see that some icons still aren't being colored correctly, but that's closer to our designs than before. All icons in the header bar should have the accent color whenever a window is focused, and then an inactive grey color when the window is unfocused. I'm not sure if it's possible to change the color based on window focus status in GTK.

[nabrious0]

I see that some icons still aren't being colored correctly, but that's closer to our designs than before. All icons in the header bar should have the accent color whenever a window is focused, and then an inactive grey color when the window is unfocused. I'm not sure if it's possible to change the color based on window focus status in GTK.

It is possible, on libadwaita that is .selector:backdrop {} and I already do that for libadwaita on GTK3 I have yet to find the selector.

[nabrious0]

Some updates, here's Geary

Updated Nautilus screenshot with all icons colored (pathbar left out on purpose)

[nabrious0]

Colors even more icons according to accent color, and makes them all gray when a window is inactive (currently exclusive to libadwaita)

Also, sets window corner radius to '6px' like COSMIC applications

[git-f0x]

Just a note: afaik COSMIC apps use either 8px (Round, Slightly Round) or 2px (Square) window corner radius, at least from looking at the config in Settings.

[nabrious0]

Just a note: afaik COSMIC apps use either 8px (Round, Slightly Round) or 2px (Square) window corner radius, at least from looking at the config in Settings.

Huh interesting, cause after setting it to 6px and putting a COSMIC app and libadwaita app on top of each other, they seemed to perfectly match, I'll double check.

[wash2]

This looks great! I've just suggested a couple small changes.

[wash2]

I applied the suggestions.

[nabrious0]

Awesome! I didn't even know getting the real border radii was possible, thanks!

[iamkartiknayak]

Will this ever be reinstated?

[jackpot51]

No, we cannot reinstate this.