tweak destructive and suggested buttons again

8 files changed, 290 insertions, 240 deletions

diff --git a/common/gtk-3.0/3.14/_colors.scss b/common/gtk-3.0/3.14/_colors.scss
index b2768be..939332b 100644
--- a/common/gtk-3.0/3.14/_colors.scss
+++ b/common/gtk-3.0/3.14/_colors.scss
@@ -22,7 +22,7 @@ $warning_color: #F27835;
 $error_color: #FC4138;
 $success_color: #73d216;
 $destructive_color: #F04A50;
-$suggested_color: #49C98D;
+$suggested_color: #52A6E2;
 
 $osd_fg_color: #A8ADB5;
 $osd_bg_color: transparentize(#3c4049, 0.05);
diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss
index 5d10ef0..9169dd9 100644
--- a/common/gtk-3.0/3.14/_common.scss
+++ b/common/gtk-3.0/3.14/_common.scss
@@ -513,30 +513,32 @@ $_dot_color: $selected_bg_color;
       background-clip: border-box;
       color: $selected_fg_color;
       outline-color: transparentize($selected_fg_color, 0.7);
-      border-color: $b_color;
-      background-color: $b_color;
+      border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
+      background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
 
       &.flat {
         @include button(undecorated);
         color: $b_color;
+        outline-color: transparentize($b_color, 0.7);
       }
       &:hover {
         color: $selected_fg_color;
-        border-color: lighten($b_color, 9%);
-        background-color: lighten($b_color, 9%);
+        outline-color: transparentize($selected_fg_color, 0.7);
+        border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
+        background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
       }
       &:active, &:checked {
         color: $selected_fg_color;
-        border-color: darken($b_color, 7%);
-        background-color: darken($b_color, 7%);
+        outline-color: transparentize($selected_fg_color, 0.7);
+        border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
+        background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
       }
       &.flat:insensitive {
-
+        color: transparentize($b_color, 0.55);
       }
       &:insensitive {
         color: transparentize($selected_fg_color, 0.4);
-        border-color: transparentize($b_color, 0.35);
-        background-color: transparentize($b_color, 0.35);
+        opacity: 0.75;
 
         &:active, &:checked {
 
@@ -1241,10 +1243,11 @@ GtkComboBox {
   @each $b_type, $b_color in (suggested-action, $suggested_color),
                              (destructive-action, $destructive_color) {
     .button.#{$b_type} {
+      background-clip: border-box;
       color: $selected_fg_color;
       outline-color: transparentize($selected_fg_color, 0.7);
-      border-color: $b_color;
-      background-color: $b_color;
+      border-color: lighten($b_color, 5%) $b_color darken($b_color, 5%) $b_color;
+      background-image: linear-gradient(to bottom, lighten($b_color, 5%), darken($b_color, 5%));
 
       &.flat {
         @include button(undecorated);
@@ -1254,22 +1257,21 @@ GtkComboBox {
       &:hover {
         color: $selected_fg_color;
         outline-color: transparentize($selected_fg_color, 0.7);
-        border-color: lighten($b_color, 9%);
-        background-color: lighten($b_color, 9%);
+        border-color: lighten($b_color, 12%) lighten($b_color, 6%) darken($b_color, 0%) lighten($b_color, 6%);
+        background-image: linear-gradient(to bottom, lighten($b_color, 12%), darken($b_color, 0%));
       }
       &:active, &:checked {
         color: $selected_fg_color;
         outline-color: transparentize($selected_fg_color, 0.7);
-        border-color: darken($b_color, 7%);
-        background-color: darken($b_color, 7%);
+        border-color: darken($b_color, 8%) $b_color lighten($b_color, 1%) $b_color;
+        background-image: linear-gradient(to bottom, darken($b_color, 8%), lighten($b_color, 1%));
       }
       &.flat:insensitive {
         color: transparentize($b_color, 0.55);
       }
       &:insensitive {
         color: transparentize($selected_fg_color, 0.4);
-        border-color: transparentize($b_color, 0.35);
-        background-color: transparentize($b_color, 0.35);
+        opacity: 0.75;
 
         &:active, &:checked {
 
diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css
index 5e5e9be..e74b553 100644
--- a/common/gtk-3.0/3.14/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-dark.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {
diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css
index bda733e..0491746 100644
--- a/common/gtk-3.0/3.14/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.14/gtk-contained-darker.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {
diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
index 979e46e..999e921 100644
--- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {
diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
index 9bce4a7..4afb197 100644
--- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {
diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css
index a4d2886..2556cc3 100644
--- a/common/gtk-3.0/3.14/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.14/gtk-contained-solid.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {
diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css
index 1a5e28e..c754906 100644
--- a/common/gtk-3.0/3.14/gtk-contained.css
+++ b/common/gtk-3.0/3.14/gtk-contained.css
@@ -390,48 +390,56 @@ GtkFlowBox .grid-child {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #49C98D;
-    background-color: #49C98D; }
+    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #49C98D; }
+      color: #52A6E2;
+      outline-color: rgba(82, 166, 226, 0.3); }
     .button.suggested-action:hover {
       color: #ffffff;
-      border-color: #6cd4a3;
-      background-color: #6cd4a3; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
     .button.suggested-action:active, .button.suggested-action:checked {
       color: #ffffff;
-      border-color: #37b87b;
-      background-color: #37b87b; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    .button.suggested-action.flat:insensitive {
+      color: rgba(82, 166, 226, 0.45); }
     .button.suggested-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(73, 201, 141, 0.65);
-      background-color: rgba(73, 201, 141, 0.65); }
+      opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #F04A50;
-    background-color: #F04A50; }
+    border-color: #f26267 #F04A50 #ee3239 #F04A50;
+    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #F04A50; }
+      color: #F04A50;
+      outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
       color: #ffffff;
-      border-color: #f47479;
-      background-color: #f47479; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #f58387 #f2666b #f04a50 #f2666b;
+      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
     .button.destructive-action:active, .button.destructive-action:checked {
       color: #ffffff;
-      border-color: #ed2930;
-      background-color: #ed2930; }
+      outline-color: rgba(255, 255, 255, 0.3);
+      border-color: #ed242c #F04A50 #f04f55 #F04A50;
+      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    .button.destructive-action.flat:insensitive {
+      color: rgba(240, 74, 80, 0.45); }
     .button.destructive-action:insensitive {
       color: rgba(255, 255, 255, 0.6);
-      border-color: rgba(240, 74, 80, 0.65);
-      background-color: rgba(240, 74, 80, 0.65); }
+      opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
   .header-bar .button.image-button {
@@ -969,41 +977,42 @@ GtkComboBox {
     border-color: #5294E2;
     background-color: #5294E2; }
 .primary-toolbar .button.suggested-action, .header-bar .button.suggested-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #49C98D;
-  background-color: #49C98D; }
+  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
+  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #49C98D;
-    outline-color: rgba(73, 201, 141, 0.3); }
+    color: #52A6E2;
+    outline-color: rgba(82, 166, 226, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #6cd4a3;
-    background-color: #6cd4a3; }
+    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
+    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #37b87b;
-    background-color: #37b87b; }
+    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
+    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(73, 201, 141, 0.45); }
+    color: rgba(82, 166, 226, 0.45); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(73, 201, 141, 0.65);
-    background-color: rgba(73, 201, 141, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
 .header-bar .button.suggested-action:backdrop {
   opacity: 0.8; }
 .primary-toolbar .button.destructive-action, .header-bar .button.destructive-action {
+  background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #F04A50;
-  background-color: #F04A50; }
+  border-color: #f26267 #F04A50 #ee3239 #F04A50;
+  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1013,19 +1022,18 @@ GtkComboBox {
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f47479;
-    background-color: #f47479; }
+    border-color: #f58387 #f2666b #f04a50 #f2666b;
+    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed2930;
-    background-color: #ed2930; }
+    border-color: #ed242c #F04A50 #f04f55 #F04A50;
+    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
     color: rgba(240, 74, 80, 0.45); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
     color: rgba(255, 255, 255, 0.6);
-    border-color: rgba(240, 74, 80, 0.65);
-    background-color: rgba(240, 74, 80, 0.65); }
+    opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
 .header-bar .button.destructive-action:backdrop {