Adwaita: suble gradient on progressbars

3 files changed, 11 insertions, 0 deletions

diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index 25954b8e1e..f853635bd8 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -1833,6 +1833,8 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: $selected_borders_color;
   background-color: $selected_bg_color;
+  background-image: linear-gradient(to bottom, $selected_bg_color 2px,
+                                               lighten($selected_bg_color,6%));
   $_shadow: if($variant=='light', transparentize(black,0.75),
                                   transparentize(black,0.9));
   box-shadow: 1px 0 $_shadow, -1px 0 $_shadow;
@@ -1850,6 +1852,8 @@ GtkProgressBar {
     box-shadow: none;
   }
   &.vertical {
+    background-image: linear-gradient(to right, $selected_bg_color 2px,
+                                      lighten($selected_bg_color,7%));
     box-shadow: 0 1px $_shadow;
     &.bottom {
       border-bottom-left-radius: 3px;
@@ -1865,6 +1869,7 @@ GtkProgressBar {
   &:backdrop {
     border-color: if($variant=='light', $selected_bg_color,
                                         $selected_borders_color);
+    background-image: none;
     background-color: $selected_bg_color;
     box-shadow: none;
   }
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index 7036baccd6..00ded81284 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -2343,6 +2343,7 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: #0f2b48;
   background-color: #215d9c;
+  background-image: linear-gradient(to bottom, #215d9c 2px, #266cb5);
   box-shadow: 1px 0 rgba(0, 0, 0, 0.1), -1px 0 rgba(0, 0, 0, 0.1); }
   .progressbar.left {
     border-top-left-radius: 3px;
@@ -2355,6 +2356,7 @@ GtkProgressBar {
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
+    background-image: linear-gradient(to right, #215d9c 2px, #276fba);
     box-shadow: 0 1px rgba(0, 0, 0, 0.1); }
     .progressbar.vertical.bottom {
       border-bottom-left-radius: 3px;
@@ -2365,6 +2367,7 @@ GtkProgressBar {
       border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #0f2b48;
+    background-image: none;
     background-color: #215d9c;
     box-shadow: none; }
   .progressbar.osd {
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index 393af9a7a4..d0fae54522 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -2337,6 +2337,7 @@ GtkProgressBar {
   border-radius: 1.5px;
   border-color: #184472;
   background-color: #4a90d9;
+  background-image: linear-gradient(to bottom, #4a90d9 2px, #63a0de);
   box-shadow: 1px 0 rgba(0, 0, 0, 0.25), -1px 0 rgba(0, 0, 0, 0.25); }
   .progressbar.left {
     border-top-left-radius: 3px;
@@ -2349,6 +2350,7 @@ GtkProgressBar {
   .progressbar.left.right {
     box-shadow: none; }
   .progressbar.vertical {
+    background-image: linear-gradient(to right, #4a90d9 2px, #68a2df);
     box-shadow: 0 1px rgba(0, 0, 0, 0.25); }
     .progressbar.vertical.bottom {
       border-bottom-left-radius: 3px;
@@ -2359,6 +2361,7 @@ GtkProgressBar {
       border-top-right-radius: 3px; }
   .progressbar:backdrop {
     border-color: #4a90d9;
+    background-image: none;
     background-color: #4a90d9;
     box-shadow: none; }
   .progressbar.osd {