cleaner action button styling

9 files changed, 339 insertions, 263 deletions

diff --git a/common/gtk-3.0/3.16/_colors.scss b/common/gtk-3.0/3.16/_colors.scss
index 939332b..c32b223 100644
--- a/common/gtk-3.0/3.16/_colors.scss
+++ b/common/gtk-3.0/3.16/_colors.scss
@@ -22,7 +22,7 @@ $warning_color: #F27835;
 $error_color: #FC4138;
 $success_color: #73d216;
 $destructive_color: #F04A50;
-$suggested_color: #52A6E2;
+$suggested_color: #4DADD4;
 
 $osd_fg_color: #A8ADB5;
 $osd_bg_color: transparentize(#3c4049, 0.05);
diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss
index c1c2057..3f394df 100644
--- a/common/gtk-3.0/3.16/_common.scss
+++ b/common/gtk-3.0/3.16/_common.scss
@@ -510,11 +510,7 @@ $_dot_color: $selected_bg_color;
   @each $b_type, $b_color in (suggested-action, $suggested_color),
                              (destructive-action, $destructive_color) {
     &.#{$b_type} {
-      background-clip: border-box;
-      color: $selected_fg_color;
-      outline-color: transparentize($selected_fg_color, 0.7);
-      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%));
+      @include button(suggested_destructive, $b_color);
 
       &.flat {
         @include button(undecorated);
@@ -522,28 +518,16 @@ $_dot_color: $selected_bg_color;
         outline-color: transparentize($b_color, 0.7);
       }
       &:hover {
-        color: $selected_fg_color;
-        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%));
+        @include button(suggested_destructive, lighten($b_color, 10%));
       }
       &:active, &:checked {
-        color: $selected_fg_color;
-        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%));
+        @include button(suggested_destructive, darken($b_color, 10%));
       }
       &.flat:insensitive {
-        color: transparentize($b_color, 0.55);
-      }
-      &:insensitive {
-        color: transparentize($selected_fg_color, 0.4);
-        opacity: 0.75;
-
-        &:active, &:checked {
-
-        }
+        @include button(undecorated);
+        color: transparentize($b_color, 0.35);
       }
+      &:insensitive { opacity: 0.75; }
     }
   }
 
@@ -1252,11 +1236,7 @@ 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: 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%));
+      @include button(suggested_destructive, $b_color);
 
       &.flat {
         @include button(undecorated);
@@ -1264,28 +1244,16 @@ GtkComboBox {
         outline-color: transparentize($b_color, 0.7);
       }
       &:hover {
-        color: $selected_fg_color;
-        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%));
+        @include button(suggested_destructive, lighten($b_color, 10%));
       }
       &:active, &:checked {
-        color: $selected_fg_color;
-        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%));
+        @include button(suggested_destructive, darken($b_color, 10%));
       }
       &.flat:insensitive {
-        color: transparentize($b_color, 0.55);
-      }
-      &:insensitive {
-        color: transparentize($selected_fg_color, 0.4);
-        opacity: 0.75;
-
-        &:active, &:checked {
-
-        }
+        @include button(undecorated);
+        color: transparentize($b_color, 0.35);
       }
+      &:insensitive { opacity: 0.75; }
     }
     .button.#{$b_type}:backdrop,
     .button.#{$b_type}:backdrop {
diff --git a/common/gtk-3.0/3.16/_drawing.scss b/common/gtk-3.0/3.16/_drawing.scss
index 431f03e..dd32535 100644
--- a/common/gtk-3.0/3.16/_drawing.scss
+++ b/common/gtk-3.0/3.16/_drawing.scss
@@ -118,12 +118,12 @@
 
 // Buttons
 
-@mixin button($t) {
+@mixin button($t, $actionb_color:red) {
 //
 // Button drawing function
 //
 // $t:    button type,
-//
+// $actionb_color: used for destructive and suggested action buttons
 
   @if $t==normal {
   //
@@ -273,6 +273,18 @@
     background-image: linear-gradient(to bottom, $osd_insensitive_bg_color);
   }
 
+  @else if $t==suggested_destructive {
+  //
+  // suggested or destructive action buttons
+  //
+    background-clip: border-box;
+
+    color: $selected_fg_color;
+    outline-color: transparentize($selected_fg_color, 0.7);
+    background-color: $actionb_color;
+    border-color: $actionb_color;
+  }
+
   @else if $t==undecorated {
   //
   // reset
diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css
index 7352a64..7f64b0d 100644
--- a/common/gtk-3.0/3.16/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css
index 06bb61b..5f13af0 100644
--- a/common/gtk-3.0/3.16/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
index 6e1db32..cd6af48 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
index 8fa29ca..caf38d3 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css
index eabf668..8a3f725 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,
diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css
index 82cca4c..f4f2a89 100644
--- a/common/gtk-3.0/3.16/gtk-contained.css
+++ b/common/gtk-3.0/3.16/gtk-contained.css
@@ -390,35 +390,39 @@ GtkTextView {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-    background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+    background-color: #4DADD4;
+    border-color: #4DADD4; }
     .button.suggested-action.flat {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
-      color: #52A6E2;
-      outline-color: rgba(82, 166, 226, 0.3); }
+      color: #4DADD4;
+      outline-color: rgba(77, 173, 212, 0.3); }
     .button.suggested-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-      background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+      background-color: #76c0de;
+      border-color: #76c0de; }
     .button.suggested-action:active, .button.suggested-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-      background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+      background-color: #2e96c0;
+      border-color: #2e96c0; }
     .button.suggested-action.flat:insensitive {
-      color: rgba(82, 166, 226, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(77, 173, 212, 0.65); }
     .button.suggested-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.destructive-action {
     background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f26267 #F04A50 #ee3239 #F04A50;
-    background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+    background-color: #F04A50;
+    border-color: #F04A50; }
     .button.destructive-action.flat {
       border-color: transparent;
       background-color: transparent;
@@ -426,19 +430,23 @@ GtkTextView {
       color: #F04A50;
       outline-color: rgba(240, 74, 80, 0.3); }
     .button.destructive-action:hover {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #f58387 #f2666b #f04a50 #f2666b;
-      background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+      background-color: #f4797e;
+      border-color: #f4797e; }
     .button.destructive-action:active, .button.destructive-action:checked {
+      background-clip: border-box;
       color: #ffffff;
       outline-color: rgba(255, 255, 255, 0.3);
-      border-color: #ed242c #F04A50 #f04f55 #F04A50;
-      background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+      background-color: #ec1b22;
+      border-color: #ec1b22; }
     .button.destructive-action.flat:insensitive {
-      color: rgba(240, 74, 80, 0.45); }
+      border-color: transparent;
+      background-color: transparent;
+      background-image: none;
+      color: rgba(240, 74, 80, 0.65); }
     .button.destructive-action:insensitive {
-      color: rgba(255, 255, 255, 0.6);
       opacity: 0.75; }
   .button.image-button {
     padding: 8px; }
@@ -987,28 +995,32 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #68b1e6 #52A6E2 #3c9bde #52A6E2;
-  background-image: linear-gradient(to bottom, #68b1e6, #3c9bde); }
+  background-color: #4DADD4;
+  border-color: #4DADD4; }
   .primary-toolbar .button.suggested-action.flat, .header-bar .button.suggested-action.flat {
     border-color: transparent;
     background-color: transparent;
     background-image: none;
-    color: #52A6E2;
-    outline-color: rgba(82, 166, 226, 0.3); }
+    color: #4DADD4;
+    outline-color: rgba(77, 173, 212, 0.3); }
   .primary-toolbar .button.suggested-action:hover, .header-bar .button.suggested-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #86c1eb #6cb3e6 #52a6e2 #6cb3e6;
-    background-image: linear-gradient(to bottom, #86c1eb, #52a6e2); }
+    background-color: #76c0de;
+    border-color: #76c0de; }
   .primary-toolbar .button.suggested-action:active, .header-bar .button.suggested-action:active, .primary-toolbar .button.suggested-action:checked, .header-bar .button.suggested-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #2f94dc #52A6E2 #56a8e3 #52A6E2;
-    background-image: linear-gradient(to bottom, #2f94dc, #56a8e3); }
+    background-color: #2e96c0;
+    border-color: #2e96c0; }
   .primary-toolbar .button.suggested-action.flat:insensitive, .header-bar .button.suggested-action.flat:insensitive {
-    color: rgba(82, 166, 226, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(77, 173, 212, 0.65); }
   .primary-toolbar .button.suggested-action:insensitive, .header-bar .button.suggested-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.suggested-action:backdrop, .header-bar .button.suggested-action:backdrop,
 .primary-toolbar .button.suggested-action:backdrop,
@@ -1018,8 +1030,8 @@ GtkComboBox {
   background-clip: border-box;
   color: #ffffff;
   outline-color: rgba(255, 255, 255, 0.3);
-  border-color: #f26267 #F04A50 #ee3239 #F04A50;
-  background-image: linear-gradient(to bottom, #f26267, #ee3239); }
+  background-color: #F04A50;
+  border-color: #F04A50; }
   .primary-toolbar .button.destructive-action.flat, .header-bar .button.destructive-action.flat {
     border-color: transparent;
     background-color: transparent;
@@ -1027,19 +1039,23 @@ GtkComboBox {
     color: #F04A50;
     outline-color: rgba(240, 74, 80, 0.3); }
   .primary-toolbar .button.destructive-action:hover, .header-bar .button.destructive-action:hover {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #f58387 #f2666b #f04a50 #f2666b;
-    background-image: linear-gradient(to bottom, #f58387, #f04a50); }
+    background-color: #f4797e;
+    border-color: #f4797e; }
   .primary-toolbar .button.destructive-action:active, .header-bar .button.destructive-action:active, .primary-toolbar .button.destructive-action:checked, .header-bar .button.destructive-action:checked {
+    background-clip: border-box;
     color: #ffffff;
     outline-color: rgba(255, 255, 255, 0.3);
-    border-color: #ed242c #F04A50 #f04f55 #F04A50;
-    background-image: linear-gradient(to bottom, #ed242c, #f04f55); }
+    background-color: #ec1b22;
+    border-color: #ec1b22; }
   .primary-toolbar .button.destructive-action.flat:insensitive, .header-bar .button.destructive-action.flat:insensitive {
-    color: rgba(240, 74, 80, 0.45); }
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+    color: rgba(240, 74, 80, 0.65); }
   .primary-toolbar .button.destructive-action:insensitive, .header-bar .button.destructive-action:insensitive {
-    color: rgba(255, 255, 255, 0.6);
     opacity: 0.75; }
 .primary-toolbar .button.destructive-action:backdrop, .header-bar .button.destructive-action:backdrop,
 .primary-toolbar .button.destructive-action:backdrop,