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

8 files changed, 87 insertions, 0 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index 0660da17..fbe49f99 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -1543,6 +1543,13 @@ button:disabled {
 	color: @insensitive_fg_color;
 }
 
+button:disabled image,
+.button:disabled image,
+button:active:disabled image,
+.button:active:disabled image{
+	 opacity: 0.5;
+}
+
 button:active:disabled {
 	background-color: transparent;
 	background-image: linear-gradient(to bottom,
@@ -1992,6 +1999,13 @@ menubar menuitem:disabled,
 	color: @insensitive_fg_color;
 }
 
+menuitem:disabled image,
+.menuitem:disabled image,
+menuitem:active:disabled image,
+.menuitem:active:disabled image{
+	 opacity: 0.5;
+}
+
 menu,
 .menu {
     background-color: shade(@theme_selected_bg_color, 0.8);
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 0cf69ca0..ff740ec1 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;
diff --git a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
index de707ce8..846185fd 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/gtk-widgets.css
@@ -1063,6 +1063,13 @@ 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/Green-Submarine/gtk-3.0/menu.css b/desktop-themes/Green-Submarine/gtk-3.0/menu.css
index 1b3ab435..6d3186e4 100644
--- a/desktop-themes/Green-Submarine/gtk-3.0/menu.css
+++ b/desktop-themes/Green-Submarine/gtk-3.0/menu.css
@@ -157,6 +157,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;
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 31b186c4..8505c925 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -1910,6 +1910,13 @@ button:disabled {
     color: @insensitive_fg_color;
 }
 
+button:disabled image,
+.button:disabled image,
+button:active:disabled image,
+.button:active:disabled image{
+	 opacity: 0.5;
+}
+
 /* insensitive active toggle buttons */
 button:checked:disabled {
     background-image: linear-gradient(to bottom,
@@ -2396,6 +2403,14 @@ menu menuitem:disabled label,
     color: @insensitive_fg_color;
 }
 
+menuitem:disabled image,
+.menuitem:disabled image,
+menuitem:active:disabled image,
+.menuitem:active:disabled image{
+	 opacity: 0.6;
+}
+
+
 menu menuitem label {
     color: @theme_selected_fg_color;
     text-shadow: none;
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index a25f30a1..93c380a8 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -992,6 +992,13 @@ button * {
     background-color: transparent;
 }
 
+button:disabled image,
+.button:disabled image,
+button:active:disabled image,
+.button:active:disabled image{
+	 opacity: 0.5;
+}
+
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 GtkMenuToolButton *,
 toolbar.primary-toolbar button,
@@ -2384,6 +2391,13 @@ menu menuitem:disabled,
     border-color: transparent;
 }
 
+menuitem:disabled image,
+.menuitem:disabled image,
+menuitem:active:disabled image,
+.menuitem:active:disabled image{
+	 opacity: 0.5;
+}
+
 menu menuitem accelerator:disabled,
 .menu menuitem accelerator:disabled {
     color: mix (@menu_fg_color, @menu_bg_color, 0.7);
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index 42dab479..991a3f0c 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -993,6 +993,13 @@ button * {
     background-color: transparent;
 }
 
+button:disabled image,
+.button:disabled image,
+button:active:disabled image,
+.button:active:disabled image{
+	 opacity: 0.4;
+}
+
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 GtkMenuToolButton *,
 toolbar.primary-toolbar button,
@@ -2387,6 +2394,14 @@ menu menuitem:disabled,
     border-color: transparent;
 }
 
+menuitem:disabled image,
+.menuitem:disabled image,
+menuitem:active:disabled image,
+.menuitem:active:disabled image{
+	 opacity: 0.5;
+}
+
+
 menu menuitem accelerator:disabled,
 .menu menuitem accelerator:disabled {
     color: mix (@menu_fg_color, @menu_bg_color, 0.7);