Fixed contacts issue

src/sass/_colors.scss

@@ -72,7 +72,7 @@ $light_borders_color:               if($variant == 'light', rgba(black, 0.08), r
 $dark_borders_color:                if($variant == 'light', rgba(black, 0.08), rgba(black, 0.15));
 $solid_borders_color:               if($variant == 'light', darken($bg_color, 12%), lighten($bg_color, 8%));
 $dark_solid_borders_color:          if($variant == 'light', darken($bg_color, 12%), darken($bg_color, 5%));
-$highlight_color:                   if($variant == 'light', rgba(white, 0.65), rgba(white, 0.1));
+$highlight_color:                   if($variant == 'light', rgba(white, 0.15), rgba(white, 0.1));
 
 // Background colors
 $dark_bg_color:                     rgba(black, 0.6);
@@ -103,7 +103,7 @@ $disabled_bg_color:                 if($variant == 'light', mix($bg_color, $base
 // Headerbar colors
 $header_bg:                         if($variant == 'light', #ffffff, #373737);
 $dark_header_bg:                    if($trans == 'true', rgba($base_color, 0.95), $base_color);
-$header_highlight:                  if($variant == 'dark', #434343, #f5f5f5);
+$header_highlight:                  if($variant == 'dark', #434343, #f5f5f5); // For metacity
 
 $header_bg_backdrop:                if($variant == 'light', darken($header_bg, 0%), darken($header_bg, 0%));
 $header_border:                     if($variant == 'light', mix(black, $header_bg, 12%), mix(black, $header_bg, 75%));

src/sass/gtk/_common-3.0.scss

@@ -1716,7 +1716,7 @@ headerbar {
     }
 
     button:not(.flat):not(.suggested-action):not(.destructive-action):not(.titlebutton) {
-      // @include button(undecorated);
+      @include button(undecorated);
       @extend %selected-button;
     }
 

src/sass/gtk/apps/_gnome-3.22.scss

@@ -1704,12 +1704,36 @@ window.background.csd {
 //
 
 window.background.csd {
+  > deck > box > leaflet { // >= 40.0
+    > headerbar:first-child {
+      @extend %side_headerbar_left;
+
+      &.selection-mode { color: $header_fg; }
+    }
+
+    > headerbar:last-child {
+      @extend %side_headerbar_right;
+
+      &.selection-mode {
+        color: $header_fg;
+        border-color: $header_border;
+
+        > button:not(.flat):not(.suggested-action):not(.destructive-action):not(.titlebutton) { @extend %headerbar_buttons; }
+      }
+    }
+  }
+
+  > deck > box > overlay > leaflet > overlay > widget > stack {
+    background-color: $base_color;
+  }
+
   > headerbar.titlebar.selection-mode {
     > hdyleaflet > headerbar,
     > leaflet > headerbar {
       color: $header_fg;
+      border-color: $header_border;
 
-      > button { @extend %headerbar_buttons; }
+      > button:not(.flat):not(.suggested-action):not(.destructive-action):not(.titlebutton) { @extend %headerbar_buttons; }
     }
   }
 
@@ -1728,12 +1752,11 @@ window.background.csd {
   }
 
   > overlay > hdyleaflet,
-  > overlay > leaflet {
+  > overlay > leaflet,
-    > stack > frame > grid.vertical {
+  > deck > box > overlay > leaflet { // >= 40.0
+    > stack {
       background-color: rgba($dark_sidebar_bg, 1);
       border-bottom-left-radius: $wm_radius;
-
-      // list.contacts-contact-list {}
     }
 
     > separator.sidebar {