[epiphany] scss: theme updates and fixes

[Michael Catanzaro <mcatanzaro src gnome org>]

commit 1884ecf19d0a705032f01b4af09b18e0846e83eb
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu May 5 19:06:21 2016 +0200

    scss: theme updates and fixes
    
    update and correct the theme scss to reflect changes in gtk+ and
    regenerated the css.

 src/resources/epiphany.css  |   52 +++++++++++++++++----------------------
 src/resources/epiphany.scss |   56 ++++++++++++++++++++++++++-----------------
 2 files changed, 57 insertions(+), 51 deletions(-)
---
diff --git a/src/resources/epiphany.css b/src/resources/epiphany.css
index 48ca6e8..4ae71ed 100644
--- a/src/resources/epiphany.css
+++ b/src/resources/epiphany.css
@@ -25,32 +25,27 @@ button.active-menu {
     border-color: @unfocused_borders; }
 
 .incognito-mode.titlebar {
-  background-image: linear-gradient(to top, #a5b1bd, #c5cdd5 2px, #cbd2d9 3px);
-  background-color: #cbd2d9;
+  background: #cbd2d9 -gtk-icontheme("user-not-tracked-symbolic") 160px 0/64px 64px no-repeat, 
linear-gradient(to top, #a5b1bd, #c5cdd5 2px, #cbd2d9 3px);
   box-shadow: inset 0 1px #f1f3f5;
-  background-image: -gtk-icontheme("user-not-tracked-symbolic"), image(#cbd2d9);
-  background-size: 64px 64px, 100% 100%;
-  background-position: 160px 0, 0 0;
-  background-repeat: no-repeat, no-repeat;
   border-color: #909fae;
   color: rgba(46, 52, 54, 0.2); }
   .incognito-mode.titlebar > * {
     color: #2e3436; }
     .incognito-mode.titlebar > *:backdrop {
-      color: #8b8e8e; }
+      color: #8b8e8f; }
   .incognito-mode.titlebar:backdrop {
     background-image: -gtk-icontheme("user-not-tracked-symbolic"), image(#cbd2d9);
     box-shadow: inset 0 1px #f1f3f5;
-    color: rgba(139, 142, 142, 0.1); }
+    color: rgba(139, 142, 143, 0.1); }
   .incognito-mode.titlebar button {
     color: #2e3436;
     outline-color: rgba(46, 52, 54, 0.3);
     border-color: #909fae;
-    border-bottom-color: #738598;
-    background-image: linear-gradient(to bottom, #cbd2d9, #bfc8d0 60%, #aeb8c3);
+    border-bottom-color: #738698;
+    background-image: linear-gradient(to bottom, #cbd2d9, #bfc8d0 60%, #aeb9c3);
     text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-    box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px #f1f3f5; }
+    box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }
     .incognito-mode.titlebar button.flat, .incognito-mode.titlebar button.titlebutton {
       border-color: transparent;
       background-color: transparent;
@@ -65,57 +60,57 @@ button.active-menu {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
       border-color: #909fae;
-      border-bottom-color: #738598;
+      border-bottom-color: #738698;
       background-image: linear-gradient(to bottom, #dde1e6, #cbd2d9 60%, #bfc8d0);
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0.6), 0 1px #f1f3f5; }
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); }
     .incognito-mode.titlebar button:active, .incognito-mode.titlebar button:checked, 
.incognito-mode.titlebar button#ephy-page-menu-button.active-menu {
       color: #2e3436;
       outline-color: rgba(46, 52, 54, 0.3);
       border-color: #909fae;
       background-image: none;
       background-color: #b3bec8;
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #f1f3f5;
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none; }
     .incognito-mode.titlebar button:disabled {
       border-color: #909fae;
-      background-color: #d2d8de;
+      background-color: #d3d9df;
       background-image: none;
       text-shadow: none;
       -gtk-icon-shadow: none;
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px #f1f3f5; }
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
       .incognito-mode.titlebar button:disabled label, .incognito-mode.titlebar button:disabled {
-        color: #8b8e8e; }
+        color: #8b8e8f; }
     .incognito-mode.titlebar button:backdrop {
       border-color: #cbd2d9;
       background-color: transparent;
       background-image: image(#cbd2d9);
       text-shadow: none;
       -gtk-icon-shadow: none;
-      box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
+      box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       border-color: #909fae; }
       .incognito-mode.titlebar button:backdrop label, .incognito-mode.titlebar button:backdrop {
-        color: #8b8e8e; }
+        color: #8b8e8f; }
       .incognito-mode.titlebar button:backdrop:active {
-        border-color: #bac4cd;
-        background-color: #bac4cd;
+        border-color: #bbc5ce;
+        background-color: #bbc5ce;
         background-image: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         border-color: #909fae; }
         .incognito-mode.titlebar button:backdrop:active label, .incognito-mode.titlebar 
button:backdrop:active {
-          color: #8b8e8e; }
+          color: #8b8e8f; }
       .incognito-mode.titlebar button:backdrop:disabled {
-        border-color: #d2d8de;
-        background-color: #d2d8de;
+        border-color: #d3d9df;
+        background-color: #d3d9df;
         background-image: none;
         text-shadow: none;
         -gtk-icon-shadow: none;
-        box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(241, 243, 245, 0);
+        box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         border-color: #909fae; }
         .incognito-mode.titlebar button:backdrop:disabled label, .incognito-mode.titlebar 
button:backdrop:disabled {
-          color: #989ea3; }
+          color: #999fa4; }
     .incognito-mode.titlebar button.flat:backdrop, .incognito-mode.titlebar button.titlebutton:backdrop {
       border-color: transparent;
       background-color: transparent;
@@ -124,10 +119,9 @@ button.active-menu {
       text-shadow: none;
       -gtk-icon-shadow: none; }
   .incognito-mode.titlebar entry {
-    box-shadow: inset 0 0 0 1px rgba(74, 144, 217, 0), 0 1px #f1f3f5;
     border-color: #909fae; }
     .incognito-mode.titlebar entry:focus {
       border-color: #4a90d9;
-      box-shadow: inset 0 0 0 1px #4a90d9, 0 1px #f1f3f5; }
+      box-shadow: inset 0 0 0 1px #4a90d9; }
     .incognito-mode.titlebar entry:backdrop {
       box-shadow: none; }
diff --git a/src/resources/epiphany.scss b/src/resources/epiphany.scss
index 5c85b17..18b87fb 100644
--- a/src/resources/epiphany.scss
+++ b/src/resources/epiphany.scss
@@ -11,6 +11,7 @@ $variant: 'light';
 
 button.active-menu {
   @include button(active);
+
   &:backdrop { @include button(active-backdrop); }
 }
 
@@ -21,20 +22,24 @@ button.active-menu {
   border-style: solid solid none;
   border-color: themecolor(borders);
   border-radius: 3px 3px 0 0;
+
   &.left {
     border-left-style: none;
     border-top-left-radius: 0;
   }
+
   &.right {
     border-right-style: none;
     border-top-right-radius: 0;
   }
+
   &:backdrop {
     background-color: themecolor(theme_unfocused_base_color);
     border-color: themecolor(unfocused_borders);
   }
 }
 
+
 // incognito mode
 
 //$incognito_color: #c5cfd8;
@@ -44,56 +49,63 @@ $edge_color: lighten($incognito_color, 13%);
 
 .incognito-mode {
   &.titlebar {
-    @include headerbar_fill($incognito_color, $hc:$edge_color);
-    background-image: -gtk-icontheme($incognito_icon), image($incognito_color);
-    background-size: 64px 64px, 100% 100%;
-    background-position: 160px 0, 0 0;
-    background-repeat: no-repeat, no-repeat;
+    @include headerbar_fill($incognito_color, $edge_color, -gtk-icontheme($incognito_icon) 160px 0 / 64px 
64px no-repeat);
+
     border-color: _border_color($incognito_color);
+
     color: transparentize($fg_color, 0.8); // this is the color of the overlayed icon
+
     > * {
       color: $fg_color;
+
       &:backdrop { color: $backdrop_fg_color }
     }
+
     &:backdrop {
       background-image: -gtk-icontheme($incognito_icon), image($incognito_color);
       box-shadow: inset 0 1px $edge_color;
       color: transparentize($backdrop_fg_color, 0.9); // color of the overlayed icon in backdrop
     }
-    button { // changing the headerbar background color requires changing widget borders and shadow 
accordingly
-      @include button(normal, $incognito_color, $edge:$edge_color);
+
+    button { // changing the headerbar background color requires changing widget borders accordingly
+      @include button(normal, $incognito_color);
+
       &.flat, &.titlebutton { @include button(undecorated); }
-      &.titlebutton {
-        @include _button_text_shadow($fg_color, $incognito_color);
-      }
-      &:hover { @include button(hover, $incognito_color, $edge:$edge_color); }
-      &:active, &:checked, &#ephy-page-menu-button.active-menu {
-        @include button(active, $incognito_color, $edge:$edge_color); }
-      &:disabled {
-        @include button(insensitive, $incognito_color, $edge:$edge_color); }
+
+      &.titlebutton { @include _button_text_shadow($fg_color, $incognito_color); }
+
+      &:hover { @include button(hover, $incognito_color); }
+
+      &:active, &:checked, &#ephy-page-menu-button.active-menu { @include button(active, $incognito_color); }
+
+      &:disabled { @include button(insensitive, $incognito_color); }
+
       &:backdrop {
-        @include button(backdrop, $incognito_color, $edge:$edge_color);
+        @include button(backdrop, $incognito_color);
         border-color: _border_color($incognito_color);
+
         &:active {
-          @include button(backdrop-active, $incognito_color,
-                          $edge:$edge_color);
+          @include button(backdrop-active, $incognito_color);
           border-color: _border_color($incognito_color);
         }
+
         &:disabled {
-          @include button(backdrop-insensitive, $incognito_color,
-                          $edge:$edge_color);
+          @include button(backdrop-insensitive, $incognito_color);
           border-color: _border_color($incognito_color);
         }
       }
+
       &.flat:backdrop, &.titlebutton:backdrop { @include button(undecorated); }
     }
+
     entry {
-      box-shadow: entry_focus_shadow(transparentize($selected_bg_color, 1)), _widget_edge($edge_color);
       border-color: _border_color($incognito_color);
+
       &:focus {
         border-color: entry_focus_border($selected_bg_color);
-        box-shadow: entry_focus_shadow($selected_bg_color), _widget_edge($edge_color);
+        box-shadow: entry_focus_shadow($selected_bg_color);
       }
+
       &:backdrop { box-shadow: none; }
     }
   }