- Icon Theme: Adwaita
- User dektop icon: /usr/share/icons/Adwaita/scalable/places/user-desktop.svg. I don't observe any background color when I open the SVG file in inkscape.
Greybird
Greybird-dark
Use cases
Cases when the "Show Desktop" icon is ugly
MATE Panel height
Custom MATE Panel background color
Workaround
To fix it in Ubuntu MATE 24.04
Greybird
Modify Greybird/gtk-3.0/gtk.css
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #3c3c3c; outline-color: rgba(60, 60, 60, 0.3); border-top-color: shade(#cecece, 0.8); border-right-color: shade(#cecece, 0.72); border-left-color: shade(#cecece, 0.72); border-bottom-color: shade(#cecece, 0.7); background-image: linear-gradient(to bottom, shade(shade(#cecece, 1.02), 1.05), shade(shade(#cecece, 1.02), 0.97)); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }
To
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 0px; background-image: none; }
Note: I increased MATE's Panel height just to make it easier to observe the difference but that has nothing to do with the theme modification.
Greybird-dark
Modify Greybird-dark/gtk-3.0/gtk.css
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-top-color: shade(#3b3e3f, 0.8); border-right-color: shade(#3b3e3f, 0.72); border-left-color: shade(#3b3e3f, 0.72); border-bottom-color: shade(#3b3e3f, 0.7); background-image: linear-gradient(to bottom, #36393a, #313434 60%, #2c2e2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
also to
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 0px; background-image: none; }
Note: I increased MATE's Panel height just to make it easier to observe the difference but that has nothing to do with the theme modification.
Distro
Ubuntu MATE 24.04
Greybird
Greybird-dark
Use cases
Cases when the "Show Desktop" icon is ugly
MATE Panel height
Custom MATE Panel background color
Workaround
To fix it in Ubuntu MATE 24.04
Greybird
Modify Greybird/gtk-3.0/gtk.css
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #3c3c3c; outline-color: rgba(60, 60, 60, 0.3); border-top-color: shade(#cecece, 0.8); border-right-color: shade(#cecece, 0.72); border-left-color: shade(#cecece, 0.72); border-bottom-color: shade(#cecece, 0.7); background-image: linear-gradient(to bottom, shade(shade(#cecece, 1.02), 1.05), shade(shade(#cecece, 1.02), 0.97)); box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }To
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 0px; background-image: none; }Note: I increased MATE's Panel height just to make it easier to observe the difference but that has nothing to do with the theme modification.
Greybird-dark
Modify Greybird-dark/gtk-3.0/gtk.css
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 1px solid; border-radius: 3px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-top-color: shade(#3b3e3f, 0.8); border-right-color: shade(#3b3e3f, 0.72); border-left-color: shade(#3b3e3f, 0.72); border-bottom-color: shade(#3b3e3f, 0.7); background-image: linear-gradient(to bottom, #36393a, #313434 60%, #2c2e2f); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }also to
button.titlebutton, button.sidebar-button, notebook > header > tabs > arrow, combobox:drop(active) button.combo, .selection-mode button.titlebutton, button { min-height: 24px; min-width: 22px; padding: 1px 2px; border: 0px; background-image: none; }Note: I increased MATE's Panel height just to make it easier to observe the difference but that has nothing to do with the theme modification.
Distro
Ubuntu MATE 24.04