ubuntu-budige-mojave-window-decorations.md

Window Decoration Outline for GNOME/GTK apps w/ Mojave-dark theme

WARNING: This was only tested with GNOME 3.38. No plan on working around with GNOME 40+ and libadwaita.

This will add black and highlight outline to the window decoration for GNOME desktop/GTK apps w/ Mojave-dark theme, it will look similar to how MacOS windows edge look like. Should work well with Adwaita theme.

Screenshot (using AdwaitaEx theme)

Rounded teriminal corner is not included, it is from https://github.com/owozsh/adwaita-rounded
If you are willing to take effort to compile Mutter for proper rounded corner, try: https://github.com/yilozt/mutter-rounded/

gtk.css

Write this CSS rules to your ~/.config/gtk-3.0/gtk.css file. Seem to be working well only with GTK3 apps.

/* ~/.config/gtk-3.0/gtk.css */

button:not(.close):not(.flat) {
        box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.05);
}

window, .background.csd, .window-frame, .menu, menu, .context-menu, .csd, menubar menu   {
   border-radius: 8px
}

decoration {
        background-color: inherit;
        border-radius: 8px;
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        box-shadow: 0px 0px 0px 1px black;
        border: 1px solid rgb(121,122,124);
        background: rgb(121,122,124);
        border-top: none;
}


headerbar {
        border-bottom: none;
        box-shadow: 0px 0px 0px 0px rgb(5,5,5);
        border-left: 1px solid rgb(121,122,124);
        border-right: 1px solid rgb(121,122,124);
        border-top: 1px solid rgb(121,122,124);
}