Simplified Titlebar Close Button

[murat-cileli]

I think current titlebar close button looks dated and old school. A simple cross icon may more suitable for this beautiful theme. Example:

[rafaelrenanpacheco]

Great suggestion!

Along with the icon update I would like to add a suggestion as well. The hover effect is too small as you can see on the minimize button:

Visual Studio Code has a great alternative that look like this:

So my suggestion is to update the hover effect to be more like the VS Code style.

[jnsh]

For gtk3 based window managers (at least gnome's mutter), and gtk3 client side decorated windows, you can disable the customized titlebar buttons from the theme, and use the default window control icons from your chosen icon theme by adding something like this to your ~/.config/gtk-3.0/gtk.css:

/* Use default icons for titlebuttons */
button.titlebutton {
  background-image: none;
  color: rgb(185, 188, 194);
}
/* titlebutton icon colors for inactive windows */
button.titlebutton:backdrop {
  color: rgba(185, 188, 194, 0.7);
}
/* close button color on mouse over*/
button.titlebutton.close:hover {
  color: rgb(240, 74, 80);
}
/* close button color for clicked button*/
button.titlebutton.close:active {
  color: rgb(200, 34, 40);
}

The :hover and :active colors for minimize and maximize buttons can be changed by adding stylings for button.titlebutton.minimize and button.titlebutton.maximize, similarily to what has been done to button.titlebutton.close.

[nguyenkien]

Current design look great. Close buttons should look distinct with other buttons