a few 3.20 bug fixes

Paper/gtk-3.20/_colors.scss

@@ -21,7 +21,7 @@ $selected_fg_color: #ffffff;
 $selected_bg_color: if($variant == 'light', lighten(#347D9F, 10%), darken(#9fb0b9,20%));
 $selected_borders_color: if($variant== 'light', darken($selected_bg_color, 10%), darken($selected_bg_color, 30%));
 $borders_color: if($variant == 'light', darken($bg_color,20%), darken($bg_color,12%));
-$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
+$borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.7));
 $link_color: blue;
 $link_visited_color:transparentize($link_color,0.5);
 $top_highlight: $borders_edge;

Paper/gtk-3.20/gtk-dark.css

@@ -61,7 +61,7 @@ read if you used those and something break with a version upgrade you're on your
 @define-color wm_title shade(#e4e6e7, 1.8);
 @define-color wm_unfocused_title #9a9fa2;
 @define-color wm_highlight transparent;
-@define-color wm_borders_edge rgba(255, 255, 255, 0.1);
+@define-color wm_borders_edge rgba(255, 255, 255, 0.3);
 @define-color wm_bg_a shade(#4F585C, 1.2);
 @define-color wm_bg_b #4F585C;
 @define-color wm_shadow alpha(black, 0.35);
@@ -2148,7 +2148,7 @@ messagedialog .titlebar {
   border-style: none;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
   messagedialog .titlebar:backdrop {
     background-color: #4F585C; }
 messagedialog.csd {
@@ -2537,7 +2537,7 @@ placesview > actionbar > revealer > box > label {
   border-style: solid solid none;
   border-color: #33393b;
   border-radius: 3px 3px 0 0;
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
   .floating-bar.bottom.left {
     border-left-style: none;
     border-top-left-radius: 0; }
@@ -2839,7 +2839,7 @@ headerbar {
   border-radius: 4px 4px 0 0;
   background-color: #3B4245;
   color: rgba(255, 255, 255, 0.8);
-  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
   .titlebar:backdrop:not(headerbar),
   headerbar:backdrop {
     background-color: #3B4245;
@@ -2868,7 +2868,7 @@ headerbar {
     text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
     border-color: #262f33;
     background-color: #347D9F;
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3); }
     .selection-mode.titlebar:backdrop:not(headerbar),
     headerbar.selection-mode:backdrop {
       background-color: #275f79;
@@ -2976,12 +2976,13 @@ headerbar {
     margin: 0;
     padding: 10px;
     text-shadow: none; }
-    .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat,
+    .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.titlebutton, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat,
     headerbar button.back-button,
     headerbar button.suggested-action,
     headerbar button.menu-button,
     headerbar button.text-button,
     headerbar button.image-button,
+    headerbar button.titlebutton,
     headerbar button.linked,
     headerbar button.flat {
       background-color: transparent;
@@ -2994,24 +2995,44 @@ headerbar {
       padding: 10px;
       text-shadow: none;
       color: rgba(255, 255, 255, 0.8); }
-      .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop,
+      .titlebar:not(headerbar) button.back-button:active, .titlebar:not(headerbar) button.back-button:checked, .titlebar:not(headerbar) button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:checked, .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.menu-button:checked, .titlebar:not(headerbar) button.text-button:active, .titlebar:not(headerbar) button.text-button:checked, .titlebar:not(headerbar) button.image-button:active, .titlebar:not(headerbar) button.image-button:checked, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.linked:active, .titlebar:not(headerbar) button.linked:checked, .titlebar:not(headerbar) button.flat:active, .titlebar:not(headerbar) button.flat:checked,
+      headerbar button.back-button:active,
+      headerbar button.back-button:checked,
+      headerbar button.suggested-action:active,
+      headerbar button.suggested-action:checked,
+      headerbar button.menu-button:active,
+      headerbar button.menu-button:checked,
+      headerbar button.text-button:active,
+      headerbar button.text-button:checked,
+      headerbar button.image-button:active,
+      headerbar button.image-button:checked,
+      headerbar button.titlebutton:active,
+      headerbar button.titlebutton:checked,
+      headerbar button.linked:active,
+      headerbar button.linked:checked,
+      headerbar button.flat:active,
+      headerbar button.flat:checked {
+        border-radius: 0px; }
+      .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop,
       headerbar button.back-button:backdrop,
       headerbar button.suggested-action:backdrop,
       headerbar button.menu-button:backdrop,
       headerbar button.text-button:backdrop,
       headerbar button.image-button:backdrop,
+      headerbar button.titlebutton:backdrop,
       headerbar button.linked:backdrop,
       headerbar button.flat:backdrop {
         background-color: transparent;
         background-image: none;
         text-shadow: none;
         color: rgba(255, 255, 255, 0.3); }
-      .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover,
+      .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover,
       headerbar button.back-button:hover,
       headerbar button.suggested-action:hover,
       headerbar button.menu-button:hover,
       headerbar button.text-button:hover,
       headerbar button.image-button:hover,
+      headerbar button.titlebutton:hover,
       headerbar button.linked:hover,
       headerbar button.flat:hover {
         background-image: none;
@@ -3019,6 +3040,24 @@ headerbar {
         color: rgba(255, 255, 255, 0.8);
         box-shadow: none;
         text-shadow: none; }
+      .titlebar:not(headerbar) button.back-button.radio.text-button, .titlebar:not(headerbar) button.back-button.check.text-button, .titlebar:not(headerbar) button.suggested-action.radio.text-button, .titlebar:not(headerbar) button.suggested-action.check.text-button, .titlebar:not(headerbar) button.menu-button.radio.text-button, .titlebar:not(headerbar) button.menu-button.check.text-button, .titlebar:not(headerbar) button.text-button.radio.text-button, .titlebar:not(headerbar) button.text-button.check.text-button, .titlebar:not(headerbar) button.image-button.radio.text-button, .titlebar:not(headerbar) button.image-button.check.text-button, .titlebar:not(headerbar) button.titlebutton.radio.text-button, .titlebar:not(headerbar) button.titlebutton.check.text-button, .titlebar:not(headerbar) button.linked.radio.text-button, .titlebar:not(headerbar) button.linked.check.text-button, .titlebar:not(headerbar) button.flat.radio.text-button, .titlebar:not(headerbar) button.flat.check.text-button,
+      headerbar button.back-button.radio.text-button,
+      headerbar button.back-button.check.text-button,
+      headerbar button.suggested-action.radio.text-button,
+      headerbar button.suggested-action.check.text-button,
+      headerbar button.menu-button.radio.text-button,
+      headerbar button.menu-button.check.text-button,
+      headerbar button.text-button.radio.text-button,
+      headerbar button.text-button.check.text-button,
+      headerbar button.image-button.radio.text-button,
+      headerbar button.image-button.check.text-button,
+      headerbar button.titlebutton.radio.text-button,
+      headerbar button.titlebutton.check.text-button,
+      headerbar button.linked.radio.text-button,
+      headerbar button.linked.check.text-button,
+      headerbar button.flat.radio.text-button,
+      headerbar button.flat.check.text-button {
+        padding: 10px; }
     .titlebar:not(headerbar) button label,
     .titlebar:not(headerbar) button image,
     headerbar button label,
@@ -3085,35 +3124,6 @@ headerbar {
       headerbar button:disabled image,
       headerbar button:disabled:backdrop image {
         -gtk-icon-effect: dim; }
-    .titlebar:not(headerbar) button.titlebutton,
-    headerbar button.titlebutton {
-      background-color: transparent;
-      background-image: none;
-      border-radius: 50%;
-      border: none;
-      box-shadow: none;
-      -gtk-icon-shadow: none;
-      margin: 0;
-      padding: 1px;
-      text-shadow: none;
-      color: rgba(255, 255, 255, 0.8); }
-      .titlebar:not(headerbar) button.titlebutton:hover,
-      headerbar button.titlebutton:hover {
-        background-color: rgba(255, 255, 255, 0);
-        color: rgba(255, 255, 255, 0.8); }
-      .titlebar:not(headerbar) button.titlebutton:backdrop,
-      headerbar button.titlebutton:backdrop {
-        background-color: transparent;
-        color: rgba(255, 255, 255, 0.3); }
-      .titlebar:not(headerbar) button.titlebutton:active,
-      headerbar button.titlebutton:active {
-        background-color: rgba(255, 255, 255, 0.8);
-        color: #3B4245;
-        border-radius: 50%;
-        box-shadow: none; }
-        .titlebar:not(headerbar) button.titlebutton:active image,
-        headerbar button.titlebutton:active image {
-          color: #3B4245; }
     .titlebar:not(headerbar) button.menu-button .menu .menuitem label,
     headerbar button.menu-button .menu .menuitem label {
       color: #e4e6e7; }
@@ -4202,7 +4212,7 @@ progressbar .progressbar,
 progressbar progress, scale highlight {
   border: 1px solid #262f33;
   background-color: #667f8c;
-  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0px 1px rgba(255, 255, 255, 0.3);
   border-radius: 4px; }
   GtkProgressBar .progressbar:disabled,
   GtkProgressBar progress:disabled,
@@ -5446,7 +5456,7 @@ toolbar button {
   border-radius: 0px;
   border: none;
   box-shadow: none;
-  icon-shadow: none;
+  -gtk-icon-shadow: none;
   margin: 0;
   padding: 10px;
   text-shadow: none; }
@@ -5456,7 +5466,7 @@ toolbar button {
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none;
@@ -5474,7 +5484,7 @@ toolbar button {
       text-shadow: none; }
     toolbar button.suggested-action:disabled, toolbar button.text-button:disabled, toolbar button.menu-button:disabled, toolbar button.image-button:disabled, toolbar button.linked:disabled, toolbar button.flat:disabled {
       color: rgba(255, 255, 255, 0.3);
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button label,
   toolbar button image {
     color: rgba(255, 255, 255, 0.8); }
@@ -5482,7 +5492,7 @@ toolbar button {
     toolbar button image:disabled,
     toolbar button image:backdrop {
       color: rgba(255, 255, 255, 0.3);
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button:focus, toolbar button:hover {
     background-image: none;
     background-color: rgba(0, 0, 0, 0.15);
@@ -5498,7 +5508,7 @@ toolbar button {
   toolbar button:active, toolbar button:checked {
     border-radius: 0px;
     text-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     box-shadow: inset 0 -2px 0 0 rgba(255, 255, 255, 0.8);
     background-color: transparent;
     background-image: none;
@@ -5520,7 +5530,7 @@ toolbar button {
     toolbar button:disabled image,
     toolbar button:disabled image, toolbar button:disabled:backdrop image,
     toolbar button:disabled:backdrop image {
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button.menu-button .menu .menuitem label {
     color: #e4e6e7; }
     toolbar button.menu-button .menu .menuitem label:disabled {
@@ -5570,7 +5580,7 @@ searchbar,
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none; }
@@ -5655,7 +5665,7 @@ searchbar,
       .inline-toolbar button image:disabled,
       .inline-toolbar button image:backdrop {
         color: #9a9fa2;
-        -gtk-image-effect: dim; }
+        -gtk-icon-effect: dim; }
   searchbar .entry,
   .search-bar .entry, .location-bar .entry,
   searchbar entry,

Paper/gtk-3.20/gtk.css

@@ -2985,12 +2985,13 @@ headerbar {
     margin: 0;
     padding: 10px;
     text-shadow: none; }
-    .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat,
+    .titlebar:not(headerbar) button.back-button, .titlebar:not(headerbar) button.suggested-action, .titlebar:not(headerbar) button.menu-button, .titlebar:not(headerbar) button.text-button, .titlebar:not(headerbar) button.image-button, .titlebar:not(headerbar) button.titlebutton, .titlebar:not(headerbar) button.linked, .titlebar:not(headerbar) button.flat,
     headerbar button.back-button,
     headerbar button.suggested-action,
     headerbar button.menu-button,
     headerbar button.text-button,
     headerbar button.image-button,
+    headerbar button.titlebutton,
     headerbar button.linked,
     headerbar button.flat {
       background-color: transparent;
@@ -3003,24 +3004,44 @@ headerbar {
       padding: 10px;
       text-shadow: none;
       color: #ffffff; }
-      .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop,
+      .titlebar:not(headerbar) button.back-button:active, .titlebar:not(headerbar) button.back-button:checked, .titlebar:not(headerbar) button.suggested-action:active, .titlebar:not(headerbar) button.suggested-action:checked, .titlebar:not(headerbar) button.menu-button:active, .titlebar:not(headerbar) button.menu-button:checked, .titlebar:not(headerbar) button.text-button:active, .titlebar:not(headerbar) button.text-button:checked, .titlebar:not(headerbar) button.image-button:active, .titlebar:not(headerbar) button.image-button:checked, .titlebar:not(headerbar) button.titlebutton:active, .titlebar:not(headerbar) button.titlebutton:checked, .titlebar:not(headerbar) button.linked:active, .titlebar:not(headerbar) button.linked:checked, .titlebar:not(headerbar) button.flat:active, .titlebar:not(headerbar) button.flat:checked,
+      headerbar button.back-button:active,
+      headerbar button.back-button:checked,
+      headerbar button.suggested-action:active,
+      headerbar button.suggested-action:checked,
+      headerbar button.menu-button:active,
+      headerbar button.menu-button:checked,
+      headerbar button.text-button:active,
+      headerbar button.text-button:checked,
+      headerbar button.image-button:active,
+      headerbar button.image-button:checked,
+      headerbar button.titlebutton:active,
+      headerbar button.titlebutton:checked,
+      headerbar button.linked:active,
+      headerbar button.linked:checked,
+      headerbar button.flat:active,
+      headerbar button.flat:checked {
+        border-radius: 0px; }
+      .titlebar:not(headerbar) button.back-button:backdrop, .titlebar:not(headerbar) button.suggested-action:backdrop, .titlebar:not(headerbar) button.menu-button:backdrop, .titlebar:not(headerbar) button.text-button:backdrop, .titlebar:not(headerbar) button.image-button:backdrop, .titlebar:not(headerbar) button.titlebutton:backdrop, .titlebar:not(headerbar) button.linked:backdrop, .titlebar:not(headerbar) button.flat:backdrop,
       headerbar button.back-button:backdrop,
       headerbar button.suggested-action:backdrop,
       headerbar button.menu-button:backdrop,
       headerbar button.text-button:backdrop,
       headerbar button.image-button:backdrop,
+      headerbar button.titlebutton:backdrop,
       headerbar button.linked:backdrop,
       headerbar button.flat:backdrop {
         background-color: transparent;
         background-image: none;
         text-shadow: none;
         color: rgba(255, 255, 255, 0.5); }
-      .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover,
+      .titlebar:not(headerbar) button.back-button:hover, .titlebar:not(headerbar) button.suggested-action:hover, .titlebar:not(headerbar) button.menu-button:hover, .titlebar:not(headerbar) button.text-button:hover, .titlebar:not(headerbar) button.image-button:hover, .titlebar:not(headerbar) button.titlebutton:hover, .titlebar:not(headerbar) button.linked:hover, .titlebar:not(headerbar) button.flat:hover,
       headerbar button.back-button:hover,
       headerbar button.suggested-action:hover,
       headerbar button.menu-button:hover,
       headerbar button.text-button:hover,
       headerbar button.image-button:hover,
+      headerbar button.titlebutton:hover,
       headerbar button.linked:hover,
       headerbar button.flat:hover {
         background-image: none;
@@ -3028,6 +3049,24 @@ headerbar {
         color: white;
         box-shadow: none;
         text-shadow: none; }
+      .titlebar:not(headerbar) button.back-button.radio.text-button, .titlebar:not(headerbar) button.back-button.check.text-button, .titlebar:not(headerbar) button.suggested-action.radio.text-button, .titlebar:not(headerbar) button.suggested-action.check.text-button, .titlebar:not(headerbar) button.menu-button.radio.text-button, .titlebar:not(headerbar) button.menu-button.check.text-button, .titlebar:not(headerbar) button.text-button.radio.text-button, .titlebar:not(headerbar) button.text-button.check.text-button, .titlebar:not(headerbar) button.image-button.radio.text-button, .titlebar:not(headerbar) button.image-button.check.text-button, .titlebar:not(headerbar) button.titlebutton.radio.text-button, .titlebar:not(headerbar) button.titlebutton.check.text-button, .titlebar:not(headerbar) button.linked.radio.text-button, .titlebar:not(headerbar) button.linked.check.text-button, .titlebar:not(headerbar) button.flat.radio.text-button, .titlebar:not(headerbar) button.flat.check.text-button,
+      headerbar button.back-button.radio.text-button,
+      headerbar button.back-button.check.text-button,
+      headerbar button.suggested-action.radio.text-button,
+      headerbar button.suggested-action.check.text-button,
+      headerbar button.menu-button.radio.text-button,
+      headerbar button.menu-button.check.text-button,
+      headerbar button.text-button.radio.text-button,
+      headerbar button.text-button.check.text-button,
+      headerbar button.image-button.radio.text-button,
+      headerbar button.image-button.check.text-button,
+      headerbar button.titlebutton.radio.text-button,
+      headerbar button.titlebutton.check.text-button,
+      headerbar button.linked.radio.text-button,
+      headerbar button.linked.check.text-button,
+      headerbar button.flat.radio.text-button,
+      headerbar button.flat.check.text-button {
+        padding: 10px; }
     .titlebar:not(headerbar) button label,
     .titlebar:not(headerbar) button image,
     headerbar button label,
@@ -3094,35 +3133,6 @@ headerbar {
       headerbar button:disabled image,
       headerbar button:disabled:backdrop image {
         -gtk-icon-effect: dim; }
-    .titlebar:not(headerbar) button.titlebutton,
-    headerbar button.titlebutton {
-      background-color: transparent;
-      background-image: none;
-      border-radius: 50%;
-      border: none;
-      box-shadow: none;
-      -gtk-icon-shadow: none;
-      margin: 0;
-      padding: 1px;
-      text-shadow: none;
-      color: #ffffff; }
-      .titlebar:not(headerbar) button.titlebutton:hover,
-      headerbar button.titlebutton:hover {
-        background-color: rgba(255, 255, 255, 0.1);
-        color: white; }
-      .titlebar:not(headerbar) button.titlebutton:backdrop,
-      headerbar button.titlebutton:backdrop {
-        background-color: transparent;
-        color: rgba(255, 255, 255, 0.5); }
-      .titlebar:not(headerbar) button.titlebutton:active,
-      headerbar button.titlebutton:active {
-        background-color: #ffffff;
-        color: #636E73;
-        border-radius: 50%;
-        box-shadow: none; }
-        .titlebar:not(headerbar) button.titlebutton:active image,
-        headerbar button.titlebutton:active image {
-          color: #636E73; }
     .titlebar:not(headerbar) button.menu-button .menu .menuitem label,
     headerbar button.menu-button .menu .menuitem label {
       color: #444; }
@@ -5466,7 +5476,7 @@ toolbar button {
   border-radius: 0px;
   border: none;
   box-shadow: none;
-  icon-shadow: none;
+  -gtk-icon-shadow: none;
   margin: 0;
   padding: 10px;
   text-shadow: none; }
@@ -5476,7 +5486,7 @@ toolbar button {
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none;
@@ -5494,7 +5504,7 @@ toolbar button {
       text-shadow: none; }
     toolbar button.suggested-action:disabled, toolbar button.text-button:disabled, toolbar button.menu-button:disabled, toolbar button.image-button:disabled, toolbar button.linked:disabled, toolbar button.flat:disabled {
       color: rgba(255, 255, 255, 0.5);
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button label,
   toolbar button image {
     color: #ffffff; }
@@ -5502,7 +5512,7 @@ toolbar button {
     toolbar button image:disabled,
     toolbar button image:backdrop {
       color: rgba(255, 255, 255, 0.5);
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button:focus, toolbar button:hover {
     background-image: none;
     background-color: rgba(0, 0, 0, 0.15);
@@ -5518,7 +5528,7 @@ toolbar button {
   toolbar button:active, toolbar button:checked {
     border-radius: 0px;
     text-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     box-shadow: inset 0 -2px 0 0 #ffffff;
     background-color: transparent;
     background-image: none;
@@ -5540,7 +5550,7 @@ toolbar button {
     toolbar button:disabled image,
     toolbar button:disabled image, toolbar button:disabled:backdrop image,
     toolbar button:disabled:backdrop image {
-      -gtk-image-effect: dim; }
+      -gtk-icon-effect: dim; }
   toolbar button.menu-button .menu .menuitem label {
     color: #444; }
     toolbar button.menu-button .menu .menuitem label:disabled {
@@ -5590,7 +5600,7 @@ searchbar,
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none; }
@@ -5675,7 +5685,7 @@ searchbar,
       .inline-toolbar button image:disabled,
       .inline-toolbar button image:backdrop {
         color: #9e9e9e;
-        -gtk-image-effect: dim; }
+        -gtk-icon-effect: dim; }
   searchbar .entry,
   .search-bar .entry, .location-bar .entry,
   searchbar entry,

Paper/gtk-3.20/widgets/_header-bars.scss

@@ -17,7 +17,7 @@ headerbar {
     background-color: $headerbar_bg_color;
     color: $backdrop_headerbar_fg_color;
 
-    box-shadow: inset 0 1px transparentize($top_highlight, 0.4);
+    box-shadow: inset 0 1px transparentize($top_highlight, 0.8);
 
     transition: $backdrop_transition;
   }
@@ -57,7 +57,7 @@ headerbar {
     &:backdrop {
       background-color: darken($selection_mode_headerbar_bg_color, 10%);
       background-image: none;
-      box-shadow: inset 0 1px transparentize($top_highlight, 0.4);
+      box-shadow: inset 0 1px transparentize($top_highlight, 0.8);
     }
 
     .subtitle:link { @extend *:link:selected; }
@@ -181,11 +181,13 @@ headerbar {
     padding: 10px;
     text-shadow: none;
 
+
     &.back-button,
     &.suggested-action,
     &.menu-button,
     &.text-button,
     &.image-button,
+    &.titlebutton,
     &.linked,
     &.flat {
       background-color: transparent;
@@ -199,6 +201,11 @@ headerbar {
       text-shadow: none;
       color: $headerbar_fg_color;
 
+      &:active,
+      &:checked {
+        border-radius: 0px;
+      }
+
       &:backdrop {
         background-color: transparent;
         background-image: none;
@@ -213,6 +220,13 @@ headerbar {
         box-shadow:none;
         text-shadow:none;
       }
+
+      &.radio,
+      &.check {
+        &.text-button {
+          padding: 10px;
+        }
+      }
     }
 
     label,
@@ -286,41 +300,6 @@ headerbar {
       }
     }
 
-    // Title Button
-    &.titlebutton {
-      background-color:transparent;
-      background-image: none;
-      border-radius:50%;
-      border: none;
-      box-shadow: none;
-      -gtk-icon-shadow: none;
-      margin: 0;
-      padding: 1px;
-      text-shadow: none;
-      color:$headerbar_fg_color;
-
-      &:hover {
-        background-color:transparentize($headerbar_fg_color, 0.9);
-        color:lighten($headerbar_fg_color, 10%);
-      }
-
-      &:backdrop {
-        background-color:transparent;
-        color:$backdrop_headerbar_fg_color;
-      }
-
-      &:active {
-        background-color:$headerbar_fg_color;
-        color:$headerbar_bg_color;
-        border-radius:50%;
-        box-shadow:none;
-
-        image {
-          color:$headerbar_bg_color;
-        }
-      }
-    }
-
     // Menu Button
     &.menu-button {
       .menu {

Paper/gtk-3.20/widgets/_toolbars.scss

@@ -25,7 +25,7 @@ toolbar {
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none;
@@ -41,7 +41,7 @@ toolbar {
       border-radius: 0px;
       border: none;
       box-shadow: none;
-      icon-shadow: none;
+      -gtk-icon-shadow: none;
       margin: 0;
       padding: 10px;
       text-shadow: none;
@@ -64,7 +64,7 @@ toolbar {
 
       &:disabled {
         color: $backdrop_headerbar_fg_color;
-        -gtk-image-effect: dim;
+        -gtk-icon-effect: dim;
       }
     }
 
@@ -75,7 +75,7 @@ toolbar {
       &:disabled,
       &:backdrop {
         color: $backdrop_headerbar_fg_color;
-        -gtk-image-effect: dim;
+        -gtk-icon-effect: dim;
       }
     }
 
@@ -103,7 +103,7 @@ toolbar {
       border-radius: 0px;
 
       text-shadow: none;
-      icon-shadow: none;
+      -gtk-icon-shadow: none;
       
       box-shadow: inset 0 -2px 0 0 $headerbar_fg_color;
 
@@ -136,7 +136,7 @@ toolbar {
 
       image,
       image {
-        -gtk-image-effect: dim;
+        -gtk-icon-effect: dim;
       }
     }
 
@@ -211,7 +211,7 @@ toolbar {
     border-radius: 0px;
     border: none;
     box-shadow: none;
-    icon-shadow: none;
+    -gtk-icon-shadow: none;
     margin: 0;
     padding: 10px;
     text-shadow: none; 
@@ -274,7 +274,7 @@ toolbar {
       &:disabled,
       &:backdrop {
         color: $backdrop_fg_color;
-        -gtk-image-effect: dim;
+        -gtk-icon-effect: dim;
       }
     }
   }