Menta themes: set arrow color for backdrop state

2 files changed, 48 insertions, 5 deletions

diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index e176e6d2..ad449a47 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -259,6 +259,11 @@ toolbar .separator {
     color: @theme_unfocused_fg_color;
 }
 
+arrow,
+#gtk-toolbar-arrow {
+    transition: all 200ms ease-out;
+}
+
 /************************
  * overshoot/undershoot *
  ************************/
@@ -1374,6 +1379,11 @@ button.toggle.popup image:disabled {
     color: @insensitive_fg_color;
 }
 
+#gtk-toolbar-arrow:backdrop,
+button.toggle.popup image:backdrop {
+    color: @theme_unfocused_fg_color;
+}
+
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 toolbar.primary-toolbar button,
 toolbar.primary-toolbar button:disabled {
@@ -2505,8 +2515,8 @@ notebook header tabs arrow:disabled {
     color: rgba(141, 144, 145, 0.3);
 }
 
-notebook header tabs arrow:backdrop {
-    color: rgba(84, 89, 90, 0.4);
+notebook:backdrop header tabs arrow:backdrop {
+    color: @theme_unfocused_fg_color;
 }
 
 notebook header tabs arrow:disabled {
@@ -2686,6 +2696,10 @@ combobox arrow {
     min-width: 16px;
 }
 
+combobox arrow:backdrop {
+    color: @theme_unfocused_fg_color;
+}
+
 /********************
  * Various choosers *
  ********************/
@@ -5017,6 +5031,12 @@ expander arrow:checked:hover {
                        0px -1px shade (@theme_selected_fg_color, 1.0);
 }
 
+expander arrow:backdrop {
+    color: @theme_unfocused_fg_color;
+    -gtk-icon-shadow:  none;
+}
+
+
 expander {
 	color: @theme_fg_color;
 	border-color: @theme_fg_color;
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index fc5dfe47..09aaad0e 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -254,11 +254,20 @@ toolbar .separator {
 }
 
 /* eg. atril, evince */
-.content-view:backdrop:not(:selected) {
+.content-view {
+    transition: all 400ms ease-out;
+}
+
+.content-view:backdrop {
     background-color: shade(@backdrop_color, 1.00);
     color: @theme_unfocused_fg_color;
 }
 
+arrow,
+#gtk-toolbar-arrow {
+    transition: all 200ms ease-out;
+}
+
 /************************
  * overshoot/undershoot *
  ************************/
@@ -1374,6 +1383,11 @@ button.toggle.popup image:disabled {
     color: @insensitive_fg_color;
 }
 
+#gtk-toolbar-arrow:backdrop,
+button.toggle.popup image:backdrop {
+    color: @theme_unfocused_fg_color;
+}
+
 /* We may want a background for focused buttons, but in the meantime let's remove it too */
 toolbar.primary-toolbar button,
 toolbar.primary-toolbar button:disabled {
@@ -2505,8 +2519,8 @@ notebook header tabs arrow:disabled {
     color: rgba(141, 144, 145, 0.3);
 }
 
-notebook header tabs arrow:backdrop {
-    color: rgba(84, 89, 90, 0.4);
+notebook:backdrop header tabs arrow:backdrop {
+    color: @theme_unfocused_fg_color;
 }
 
 notebook header tabs arrow:disabled {
@@ -2686,6 +2700,10 @@ combobox arrow {
     min-width: 16px;
 }
 
+combobox arrow:backdrop {
+    color: @theme_unfocused_fg_color;
+}
+
 /********************
  * Various choosers *
  ********************/
@@ -5017,6 +5035,11 @@ expander arrow:checked:hover {
                        0px -1px shade (@theme_base_color, 1.0);
 }
 
+expander arrow:backdrop {
+    color: @theme_unfocused_fg_color;
+    -gtk-icon-shadow:  none;
+}
+
 expander {
 	color: @theme_fg_color;
 	border-color: @theme_fg_color;