Most themes: gray out images in disabled buttons and menuitems

This is important in pause/queue buttons in Caja file copy dialogs and looks much better in menuitems and other buttons too

2 files changed, 15 insertions, 0 deletions

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
index 07e50074..a2d78959 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/gtk-widgets.css
@@ -1059,6 +1059,14 @@ button:disabled {
     text-shadow: none;

 }

 

+button:disabled image,

+.button:disabled image,

+button:active:disabled image,

+.button:active:disabled image{

+	 opacity: 0.5;

+}

+

+

 toolbar.vertical > button.image-button.flat {

     padding: 5px;

 }

diff --git a/desktop-themes/Blue-Submarine/gtk-3.0/menu.css b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
index f218141c..bc141749 100644
--- a/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
+++ b/desktop-themes/Blue-Submarine/gtk-3.0/menu.css
@@ -155,6 +155,13 @@ menu > menuitem accelerator:disabled,
     text-shadow: none;
 }
 
+menuitem:disabled image,
+.menuitem:disabled image,
+menuitem:active:disabled image,
+.menuitem:active:disabled image{
+	 opacity: 0.5;
+}
+
 /* combobox menus */
 combobox #gtk-combobox-popup-menu menuitem cellview {
     text-shadow: none;