All themes themes GTK3: enable spinner animation to use mate logo with latest commits from mate-icon-theme

9 files changed, 150 insertions, 55 deletions

diff --git a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
index ed44a697..2739837c 100644
--- a/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlackMATE/gtk-3.0/gtk-widgets.css
@@ -285,11 +285,32 @@ GtkTreeView .separator,
 	border-radius: 0;
 }
 
-/************
- * Spinners *
- ************/
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
 
-/* This could be CPU-intensive. */
+@keyframes spin {
+	to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+	background-image: none;
+	background-color: blue;
+	opacity: 0;
+	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+.spinner:active {
+	opacity: 1;
+	animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+	opacity: 0.5;
+}
+
+.button .spinner:active {
+	color: @theme_fg_color;
+}
 
 /****************
  * Text Entries *
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
index aacb3e38..14e349db 100644
--- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css
@@ -150,15 +150,10 @@ GtkTextView {
 /*********************
  * Spinner Animation *
  *********************/
-/* This is CPU-intensive, no animation */
-/*
-@keyframes spin {
-	to { -gtk-icon-transform: rotate(1turn); }
-}
-*/
+/* This is could be CPU-intensive */
 
 @keyframes spin {
-	to { -gtk-icon-transform: rotate(0turn); }
+	to { -gtk-icon-transform: rotate(1turn); }
 }
 
 .spinner {
diff --git a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css
index 81c7f6a8..bb27e70a 100644
--- a/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/ContrastHigh/gtk-3.0/gtk-widgets.css
@@ -247,6 +247,33 @@ GtkLevelBar.vertical {
     margin: 1px 0;
 }
 
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
+
+@keyframes spin {
+	to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+	background-image: none;
+	background-color: blue;
+	opacity: 0;
+	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+.spinner:active {
+	opacity: 1;
+	animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+	opacity: 0.5;
+}
+
+.button .spinner:active {
+	color: @theme_fg_color;
+}
+
 /***********
  * Buttons *
  ***********/
diff --git a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
index 6fdc17ad..43de508a 100644
--- a/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/ContrastHighInverse/gtk-3.0/gtk-widgets.css
@@ -247,6 +247,33 @@ GtkLevelBar.vertical {
     margin: 1px 0;
 }
 
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
+
+@keyframes spin {
+	to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+	background-image: none;
+	background-color: blue;
+	opacity: 0;
+	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+.spinner:active {
+	opacity: 1;
+	animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+	opacity: 0.5;
+}
+
+.button .spinner:active {
+	color: @theme_fg_color;
+}
+
 /***********
  * Buttons *
  ***********/
diff --git a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
index 88630922..e4220652 100644
--- a/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/GreenLaguna/gtk-3.0/gtk-widgets.css
@@ -273,11 +273,32 @@ GtkTreeView .separator,
 	border-radius: 0px;
 }
 
-/************
- * Spinners *
- ************/
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
 
-/* This could be CPU-intensive. */
+@keyframes spin {
+	to { -gtk-icon-transform: rotate(1turn); }
+}
+
+.spinner {
+	background-image: none;
+	background-color: blue;
+	opacity: 0;
+	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
+}
+
+.spinner:active {
+	opacity: 1;
+	animation: spin 1s linear infinite; }
+.spinner:active:insensitive {
+	opacity: 0.5;
+}
+
+.button .spinner:active {
+	color: @theme_fg_color;
+}
 
 /****************
  * Text Entries *
diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
index 01d57318..5692dbd1 100644
--- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css
@@ -150,15 +150,10 @@ GtkTextView {
 /*********************
  * Spinner Animation *
  *********************/
-/* This is CPU-intensive, no animation */
-/*
-@keyframes spin {
-	to { -gtk-icon-transform: rotate(1turn); }
-}
-*/
+/* This is could be CPU-intensive */
 
 @keyframes spin {
-	to { -gtk-icon-transform: rotate(0turn); }
+	to { -gtk-icon-transform: rotate(1turn); }
 }
 .spinner {
 	background-image: none;
diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
index b779186c..c5a43e43 100644
--- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css
@@ -97,34 +97,37 @@ GtkGrid:insensitive {
 	background-color: transparent;
 }
 
-/*****************
- * Miscellaneous *
- *****************/
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
 
-/* This is CPU-intensive, no animation */
-/*
 @keyframes spin {
 	to { -gtk-icon-transform: rotate(1turn); }
 }
-*/
 
-@keyframes spin {
-	to { -gtk-icon-transform: rotate(0turn); }
-}
 .spinner {
 	background-image: none;
 	background-color: blue;
 	opacity: 0;
 	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
+
 .spinner:active {
 	opacity: 1;
-	animation: spin 1s linear infinite;
-}
+	animation: spin 1s linear infinite; }
 .spinner:active:insensitive {
 	opacity: 0.5;
 }
 
+.button .spinner:active {
+	color: @theme_fg_color;
+}
+
+/*****************
+ * Miscellaneous *
+ *****************/
+
 .floating-bar {
 	background-image: linear-gradient(
 	                  to bottom,
diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
index dc59ed66..cbac00df 100644
--- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css
@@ -97,34 +97,37 @@ GtkGrid:insensitive {
 	background-color: transparent;
 }
 
-/*****************
- * Miscellaneous *
- *****************/
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
 
-/* This is CPU-intensive, no animation */
-/*
 @keyframes spin {
 	to { -gtk-icon-transform: rotate(1turn); }
 }
-*/
 
-@keyframes spin {
-	to { -gtk-icon-transform: rotate(0turn); }
-}
 .spinner {
 	background-image: none;
 	background-color: blue;
 	opacity: 0;
 	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
+
 .spinner:active {
 	opacity: 1;
-	animation: spin 1s linear infinite;
-}
+	animation: spin 1s linear infinite; }
 .spinner:active:insensitive {
 	opacity: 0.5;
 }
 
+.button .spinner:active {
+	color: @theme_fg_color;
+}
+
+/*****************
+ * Miscellaneous *
+ *****************/
+
 .floating-bar {
 	background-image: linear-gradient(
 	                  to bottom,
diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
index 49103f54..9fbec644 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/gtk-widgets.css
@@ -97,34 +97,37 @@ GtkGrid:insensitive {
 	background-color: transparent;
 }
 
-/*****************
- * Miscellaneous *
- *****************/
+/*********************
+ * Spinner Animation *
+ *********************/
+/* This is could be CPU-intensive */
 
-/* This is CPU-intensive, no animation */
-/*
 @keyframes spin {
 	to { -gtk-icon-transform: rotate(1turn); }
 }
-*/
 
-@keyframes spin {
-	to { -gtk-icon-transform: rotate(0turn); }
-}
 .spinner {
 	background-image: none;
 	background-color: blue;
 	opacity: 0;
 	-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
+
 .spinner:active {
 	opacity: 1;
-	animation: spin 1s linear infinite;
-}
+	animation: spin 1s linear infinite; }
 .spinner:active:insensitive {
 	opacity: 0.5;
 }
 
+.button .spinner:active {
+	color: @theme_fg_color;
+}
+
+/*****************
+ * Miscellaneous *
+ *****************/
+
 .floating-bar {
 	background-image: linear-gradient(
 	                  to bottom,