Make Entry and SpinButton Progess more subtle (#521)

Author: danirabbit

elementary/gtk-3.0/gtk-widgets.css

@@ -549,30 +549,33 @@ entry progress,
 spinbutton progress {
     background-image:
         linear-gradient(
-            to bottom,
-            mix(
-                @colorAccent,
-                @base_color,
-                0.4
-            ),
-            mix(
+            to top,
+            @colorAccent,
+            alpha (
                 @colorAccent,
-                @base_color,
                 0.5
-            )
+            ) 1px,
+            alpha (
+                @base_color,
+                0
+            ) 7px
         );
-    border: 1px solid @colorAccent;
     border-radius: 2.5px;
-    box-shadow:
-        inset 0 1px 0 0 alpha (@inset_dark_color, 0.7),
-        inset 0 0 0 1px alpha (@inset_dark_color, 0.3);
     margin: -4px;
 }
 
-entry progress:not(.pulse) {
+entry progress:not(.pulse):dir(ltr) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
-    border-right: 0;
+}
+
+entry progress:not(.pulse):dir(rtl) {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+}
+
+spinbutton progress {
+    margin: -4px -6px;
 }
 
 progressbar.osd progress,