├── assets ├── image-1.png ├── image-2.png ├── image-3.png ├── image-4.png ├── image-5.png ├── image-6.png ├── image-7.png └── image-8.png ├── src ├── assets │ ├── titlebutton-backdrop.png │ ├── titlebutton-close-dark.png │ ├── titlebutton-maximize-dark.png │ ├── titlebutton-minimize-dark.png │ ├── titlebutton-close-active-dark.png │ ├── titlebutton-close-hover-dark.png │ ├── titlebutton-maximize-active-dark.png │ ├── titlebutton-maximize-hover-dark.png │ ├── titlebutton-minimize-active-dark.png │ └── titlebutton-minimize-hover-dark.png ├── gtk-4.0.css └── gtk-3.0.css └── README.MD /assets/image-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-1.png -------------------------------------------------------------------------------- /assets/image-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-2.png -------------------------------------------------------------------------------- /assets/image-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-3.png -------------------------------------------------------------------------------- /assets/image-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-4.png -------------------------------------------------------------------------------- /assets/image-5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-5.png -------------------------------------------------------------------------------- /assets/image-6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-6.png -------------------------------------------------------------------------------- /assets/image-7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-7.png -------------------------------------------------------------------------------- /assets/image-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/assets/image-8.png -------------------------------------------------------------------------------- /src/assets/titlebutton-backdrop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-backdrop.png -------------------------------------------------------------------------------- /src/assets/titlebutton-close-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-close-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-maximize-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-maximize-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-minimize-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-minimize-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-close-active-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-close-active-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-close-hover-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-close-hover-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-maximize-active-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-maximize-active-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-maximize-hover-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-maximize-hover-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-minimize-active-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-minimize-active-dark.png -------------------------------------------------------------------------------- /src/assets/titlebutton-minimize-hover-dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiadnoring/macos-like-window-controls/HEAD/src/assets/titlebutton-minimize-hover-dark.png -------------------------------------------------------------------------------- /src/gtk-4.0.css: -------------------------------------------------------------------------------- 1 | headerbar button.close > * { 2 | background-image: url("./assets/titlebutton-close-dark.png"); 3 | } 4 | 5 | headerbar button.close:hover > * { 6 | background-image: url("./assets/titlebutton-close-hover-dark.png"); 7 | } 8 | 9 | headerbar button.minimize > * { 10 | background-image: url("./assets/titlebutton-minimize-dark.png"); 11 | } 12 | 13 | headerbar button.minimize:hover > * { 14 | background-image: url("./assets/titlebutton-minimize-hover-dark.png"); 15 | } 16 | 17 | headerbar button.maximize > * { 18 | background-image: url("./assets/titlebutton-maximize-dark.png"); 19 | } 20 | 21 | headerbar button.maximize:hover > * { 22 | background-image: url("./assets/titlebutton-maximize-hover-dark.png"); 23 | } 24 | 25 | headerbar:backdrop button.minimize > *, headerbar:backdrop button.maximize > *, headerbar:backdrop button.close > * { 26 | background-image: url("./assets/titlebutton-backdrop.png"); 27 | } 28 | 29 | headerbar button.minimize > *, headerbar button.maximize > *, headerbar button.close > * { 30 | background-position: center; 31 | background-size: cover; 32 | color: rgba(0,0,0,0); 33 | } 34 | 35 | headerbar button.minimize, headerbar button.maximize, headerbar button.close { 36 | min-height: 20px; 37 | min-width: 20px; 38 | padding: 0; 39 | margin-left: 2.5px; 40 | margin-right: 2.5px; 41 | } 42 | 43 | headerbar > windowhandle > box, headerbar > box { 44 | padding-right: 10px; 45 | padding-left: 10px; 46 | } -------------------------------------------------------------------------------- /src/gtk-3.0.css: -------------------------------------------------------------------------------- 1 | /** default */ 2 | headerbar button.close > * { 3 | background-image: url("./assets/titlebutton-close-dark.png"); 4 | } 5 | 6 | headerbar button.close > *:hover, headerbar button.close:hover > * { 7 | background-image: url("./assets/titlebutton-close-hover-dark.png"); 8 | } 9 | 10 | headerbar button.minimize > * { 11 | background-image: url("./assets/titlebutton-minimize-dark.png"); 12 | } 13 | 14 | headerbar button.minimize > *:hover, headerbar button.minimize:hover > * { 15 | background-image: url("./assets/titlebutton-minimize-hover-dark.png"); 16 | } 17 | 18 | headerbar button.maximize > * { 19 | background-image: url("./assets/titlebutton-maximize-dark.png"); 20 | } 21 | 22 | headerbar button.maximize > *:hover, headerbar button.maximize:hover > * { 23 | background-image: url("./assets/titlebutton-maximize-hover-dark.png"); 24 | } 25 | 26 | headerbar:backdrop button.minimize > *, headerbar:backdrop button.maximize > *, headerbar:backdrop button.close > *, headerbar button.minimize > *:backdrop, headerbar button.maximize > *:backdrop, headerbar button.close > *:backdrop { 27 | background-image: url("./assets/titlebutton-backdrop.png"); 28 | } 29 | 30 | headerbar button.minimize > *, headerbar button.maximize > *, headerbar button.close > * { 31 | background-position: center; 32 | background-size: cover; 33 | color: rgba(0,0,0,0); 34 | } 35 | 36 | headerbar button.minimize, headerbar button.maximize, headerbar button.close { 37 | min-height: 20px; 38 | min-width: 20px; 39 | padding: 0; 40 | margin-left: -1.5px; 41 | margin-right: -1.5px; 42 | } 43 | 44 | headerbar > windowhandle > box, headerbar > box { 45 | padding-right: 5px; 46 | padding-left: 5px; 47 | } -------------------------------------------------------------------------------- /README.MD: -------------------------------------------------------------------------------- 1 | # 🤡macOs-like window controls 2 | 3 | These styles convert regular gnome controls to macOs-like ones. 4 | Styles also support gtk-3.0 and gtk-4.0 and can be installed together with other Gnome themes. 5 | 6 | You can judge the results of the styles by this screenshots. 7 | 8 | 9 | ![Left position](./assets/image-1.png) 10 | ![Right position](./assets/image-7.png) 11 | 12 | ## 🌟Overview 13 | Window controls in enlarged view. 14 | 15 | ![active](./assets/image-5.png) 16 | 17 | ![close](./assets/image-2.png) 18 | 19 | ![minimize](./assets/image-3.png) 20 | 21 | ![maximize](./assets/image-4.png) 22 | 23 | ![backdrop](./assets/image-6.png) 24 | 25 | Bugs in styles are also possible. For example, in vs-code, the distance between the buttons increases, and etc. 26 | 27 | ![bug](./assets/image-8.png) 28 | 29 | I will work on correcting these errors. Also, you can always help me with this. 30 | 31 | 32 | ## 💡Installation 33 | * Download the **latest zip** archive from the [releases](https://github.com/timurtuty/macos-like-window-controls/releases). 34 | * Unzip the archive to **~/.config** to get a **macos-like-window-controls** folder with styles. 35 | * Add this line **to ~/.config/gtk-3.0/gtk.css** 36 | ```css 37 | @import "../macos-like-window-controls/gtk-3.0.css"; 38 | ``` 39 | * Add this line to **~/.config/gtk-4.0/gtk.css** 40 | ```css 41 | @import "../macos-like-window-controls/gtk-4.0.css"; 42 | ``` 43 | * Reboot 44 | ```bash 45 | $ reboot 46 | ``` 47 | 48 | ## 😭 Flatpak Support 49 | 50 | ```bash 51 | sudo flatpak override --filesystem=xdg-config/gtk-3.0 52 | sudo flatpak override --filesystem=xdg-config/gtk-4.0 53 | sudo flatpak override --filesystem=xdg-config/macos-like-window-controls 54 | ``` 55 | 56 | > [!NOTE] 57 | > You will just grant read/write flatpak apps to the below folders: 58 | > - ~/.config/gtk-3.0 59 | > - ~/.config/gtk-4.0 60 | > - ~/.config/macos-like-window-controls 61 | 62 | ## 🏮Tested 63 | * Tested on Gnome 46.0 ArchLinux x86_64 kernel 6.8.7-zen1-1-zen wayland 64 | --------------------------------------------------------------------------------