tweak treeview progressbars

28 files changed, 218 insertions, 70 deletions

diff --git a/common/gtk-3.0/3.14/gtk-dark.css b/common/gtk-3.0/3.14/gtk-dark.css
index 06fea98..e7f5c21 100644
--- a/common/gtk-3.0/3.14/gtk-dark.css
+++ b/common/gtk-3.0/3.14/gtk-dark.css
@@ -1228,19 +1228,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.14/gtk-darker.css b/common/gtk-3.0/3.14/gtk-darker.css
index f0bab67..5c70d1c 100644
--- a/common/gtk-3.0/3.14/gtk-darker.css
+++ b/common/gtk-3.0/3.14/gtk-darker.css
@@ -1231,19 +1231,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.14/gtk-solid-dark.css b/common/gtk-3.0/3.14/gtk-solid-dark.css
index a5ffb1e..d3a212a 100644
--- a/common/gtk-3.0/3.14/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.14/gtk-solid-dark.css
@@ -1228,19 +1228,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.14/gtk-solid-darker.css b/common/gtk-3.0/3.14/gtk-solid-darker.css
index c4e3418..346b110 100644
--- a/common/gtk-3.0/3.14/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.14/gtk-solid-darker.css
@@ -1231,19 +1231,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.14/gtk-solid.css b/common/gtk-3.0/3.14/gtk-solid.css
index 17c7b2f..a2ca2ad 100644
--- a/common/gtk-3.0/3.14/gtk-solid.css
+++ b/common/gtk-3.0/3.14/gtk-solid.css
@@ -1231,19 +1231,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.14/gtk.css b/common/gtk-3.0/3.14/gtk.css
index 7e1aa43..cd5f9d9 100644
--- a/common/gtk-3.0/3.14/gtk.css
+++ b/common/gtk-3.0/3.14/gtk.css
@@ -1231,19 +1231,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss
index 4be71d9..5f98928 100644
--- a/common/gtk-3.0/3.14/sass/_common.scss
+++ b/common/gtk-3.0/3.14/sass/_common.scss
@@ -1435,22 +1435,29 @@ GtkTreeView.view {                                      // treeview grid lines a
     }
   }
 
-  &.progressbar { // progress bar in treeviews
+  &.progressbar, &.progressbar:focus { // progress bar in treeviews
     color: $selected_fg_color;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, $selected_bg_color);
 
-    &:selected {
+    &:selected, &:selected:focus {
       color: $selected_bg_color;
       box-shadow: none;
       background-image: linear-gradient(to bottom, $selected_fg_color);
     }
   }
-  &.trough, &.trough:selected { // progress bar trough in treeviews
+  &.trough { // progress bar trough in treeviews
     color: $fg_color;
     background-image: linear-gradient(to bottom, $button_border);
     border-radius: 3px;
     border-width: 0;
+
+    &:selected, &:selected:focus {
+      color: $selected_fg_color;
+      background-image: linear-gradient(to bottom, transparentize(black, 0.8));
+      border-radius: 3px;
+      border-width: 0;
+    }
   }
 }
 
diff --git a/common/gtk-3.0/3.16/gtk-dark.css b/common/gtk-3.0/3.16/gtk-dark.css
index a1db7d7..c45621e 100644
--- a/common/gtk-3.0/3.16/gtk-dark.css
+++ b/common/gtk-3.0/3.16/gtk-dark.css
@@ -1242,19 +1242,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.16/gtk-darker.css b/common/gtk-3.0/3.16/gtk-darker.css
index e0f2b08..b42ea2c 100644
--- a/common/gtk-3.0/3.16/gtk-darker.css
+++ b/common/gtk-3.0/3.16/gtk-darker.css
@@ -1245,19 +1245,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.16/gtk-solid-dark.css b/common/gtk-3.0/3.16/gtk-solid-dark.css
index 0f30efe..99a4dc1 100644
--- a/common/gtk-3.0/3.16/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-solid-dark.css
@@ -1242,19 +1242,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.16/gtk-solid-darker.css b/common/gtk-3.0/3.16/gtk-solid-darker.css
index 56329b9..a2154f2 100644
--- a/common/gtk-3.0/3.16/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.16/gtk-solid-darker.css
@@ -1245,19 +1245,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.16/gtk-solid.css b/common/gtk-3.0/3.16/gtk-solid.css
index ec42596..a8238d1 100644
--- a/common/gtk-3.0/3.16/gtk-solid.css
+++ b/common/gtk-3.0/3.16/gtk-solid.css
@@ -1245,19 +1245,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css
index 487b0a7..c25fa18 100644
--- a/common/gtk-3.0/3.16/gtk.css
+++ b/common/gtk-3.0/3.16/gtk.css
@@ -1245,19 +1245,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss
index cd32885..200adc0 100644
--- a/common/gtk-3.0/3.16/sass/_common.scss
+++ b/common/gtk-3.0/3.16/sass/_common.scss
@@ -1449,22 +1449,29 @@ GtkTreeView.view {                                      // treeview grid lines a
     }
   }
 
-  &.progressbar { // progress bar in treeviews
+  &.progressbar, &.progressbar:focus { // progress bar in treeviews
     color: $selected_fg_color;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, $selected_bg_color);
 
-    &:selected {
+    &:selected, &:selected:focus {
       color: $selected_bg_color;
       box-shadow: none;
       background-image: linear-gradient(to bottom, $selected_fg_color);
     }
   }
-  &.trough, &.trough:selected { // progress bar trough in treeviews
+  &.trough { // progress bar trough in treeviews
     color: $fg_color;
     background-image: linear-gradient(to bottom, $button_border);
     border-radius: 3px;
     border-width: 0;
+
+    &:selected, &:selected:focus {
+      color: $selected_fg_color;
+      background-image: linear-gradient(to bottom, transparentize(black, 0.8));
+      border-radius: 3px;
+      border-width: 0;
+    }
   }
 }
 
diff --git a/common/gtk-3.0/3.18/gtk-dark.css b/common/gtk-3.0/3.18/gtk-dark.css
index d55bfec..0556032 100644
--- a/common/gtk-3.0/3.18/gtk-dark.css
+++ b/common/gtk-3.0/3.18/gtk-dark.css
@@ -1311,19 +1311,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.18/gtk-darker.css b/common/gtk-3.0/3.18/gtk-darker.css
index 4cba945..37915c4 100644
--- a/common/gtk-3.0/3.18/gtk-darker.css
+++ b/common/gtk-3.0/3.18/gtk-darker.css
@@ -1314,19 +1314,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.18/gtk-solid-dark.css b/common/gtk-3.0/3.18/gtk-solid-dark.css
index f5340c5..d9716bd 100644
--- a/common/gtk-3.0/3.18/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.18/gtk-solid-dark.css
@@ -1311,19 +1311,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #D3DAE3;
     background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #b6bcc6;
diff --git a/common/gtk-3.0/3.18/gtk-solid-darker.css b/common/gtk-3.0/3.18/gtk-solid-darker.css
index 2e27795..4b77834 100644
--- a/common/gtk-3.0/3.18/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.18/gtk-solid-darker.css
@@ -1314,19 +1314,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.18/gtk-solid.css b/common/gtk-3.0/3.18/gtk-solid.css
index 926f008..c7d9f25 100644
--- a/common/gtk-3.0/3.18/gtk-solid.css
+++ b/common/gtk-3.0/3.18/gtk-solid.css
@@ -1318,19 +1318,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.18/gtk.css b/common/gtk-3.0/3.18/gtk.css
index e730841..1e53899 100644
--- a/common/gtk-3.0/3.18/gtk.css
+++ b/common/gtk-3.0/3.18/gtk.css
@@ -1318,19 +1318,24 @@ GtkTreeView.view {
         color: #ffffff; }
     GtkTreeView.view.expander:checked {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-  GtkTreeView.view.progressbar {
+  GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, #5294e2); }
-    GtkTreeView.view.progressbar:selected {
+    GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
       background-image: linear-gradient(to bottom, #ffffff); }
-  GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
+  GtkTreeView.view.trough {
     color: #5c616c;
     background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
+    GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus {
+      color: #ffffff;
+      background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2));
+      border-radius: 3px;
+      border-width: 0; }
 
 column-header .button {
   color: #7d8189;
diff --git a/common/gtk-3.0/3.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss
index 4cd4e6e..d60f175 100644
--- a/common/gtk-3.0/3.18/sass/_common.scss
+++ b/common/gtk-3.0/3.18/sass/_common.scss
@@ -1394,22 +1394,29 @@ GtkTreeView.view {                                      // treeview grid lines a
     }
   }
 
-  &.progressbar { // progress bar in treeviews
+  &.progressbar, &.progressbar:focus { // progress bar in treeviews
     color: $selected_fg_color;
     border-radius: 3px;
     background-image: linear-gradient(to bottom, $selected_bg_color);
 
-    &:selected {
+    &:selected, &:selected:focus {
       color: $selected_bg_color;
       box-shadow: none;
       background-image: linear-gradient(to bottom, $selected_fg_color);
     }
   }
-  &.trough, &.trough:selected { // progress bar trough in treeviews
+  &.trough { // progress bar trough in treeviews
     color: $fg_color;
     background-image: linear-gradient(to bottom, $button_border);
     border-radius: 3px;
     border-width: 0;
+
+    &:selected, &:selected:focus {
+      color: $selected_fg_color;
+      background-image: linear-gradient(to bottom, transparentize(black, 0.8));
+      border-radius: 3px;
+      border-width: 0;
+    }
   }
 }
 
diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index d45c866..63e3e4b 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -1417,11 +1417,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #D3DAE3;
     background-color: #2b2e39;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index a9690ad..8ee4e4e 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -1416,11 +1416,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #5c616c;
     background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index fdba665..6cc3be6 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -1417,11 +1417,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #D3DAE3;
     background-color: #2b2e39;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index 14dae86..78ef016 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -1416,11 +1416,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #5c616c;
     background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 9a838c9..dc7fb6b 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -1420,11 +1420,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #5c616c;
     background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index 9b709bf..0cadf30 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -1420,11 +1420,16 @@ treeview.view {
       color: #5294e2;
       box-shadow: none;
       background-color: #ffffff; }
-  treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
+  treeview.view.trough {
     color: #5c616c;
     background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
+    treeview.view.trough:selected, treeview.view.trough:selected:focus {
+      color: #ffffff;
+      background-color: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+      border-width: 0; }
   treeview.view header button {
     min-height: 0;
     min-width: 0;
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index 005b615..9d27a68 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -1500,11 +1500,18 @@ treeview.view {
       background-color: $selected_fg_color;
     }
   }
-  &.trough, &.trough:selected, &.trough:selected:focus { // progress bar trough in treeviews
+  &.trough { // progress bar trough in treeviews
     color: $fg_color;
     background-color: $button_border;
     border-radius: 3px;
     border-width: 0;
+
+    &:selected, &:selected:focus {
+      color: $selected_fg_color;
+      background-color: transparentize(black, 0.8);
+      border-radius: 3px;
+      border-width: 0;
+    }
   }
 
   header {