Bug 1410490 - Port bug 1404451 to TB: Update color of the outer glass borders. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Fri, 20 Oct 2017 20:19:52 +0200
changeset 29232 7bbf385fdbb03d1f44965f742b8b80fd3a4bb41d
parent 29231 f01fe3bcd422ad48ada57f9bfe726c654e7ea098
child 29233 af9f898b3480bf9354d5d942eb96381271456c72
push id2068
push userclokep@gmail.com
push dateMon, 13 Nov 2017 19:02:14 +0000
treeherdercomm-beta@9c7e7ce8672b [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersjorgk
bugs1410490, 1404451
Bug 1410490 - Port bug 1404451 to TB: Update color of the outer glass borders. r=jorgk
calendar/base/themes/windows/today-pane.css
mail/themes/windows/mail/activity/activity.css
mail/themes/windows/mail/mailWindow1.css
mail/themes/windows/mail/messenger.css
mail/themes/windows/mail/tabmail.css
--- a/calendar/base/themes/windows/today-pane.css
+++ b/calendar/base/themes/windows/today-pane.css
@@ -92,18 +92,18 @@
   sidebarheader > spacer {
     min-height: 25px;
   }
 }
 
 @media all and (-moz-windows-compositor) {
   @media not all and (-moz-os-version: windows-win10) {
     #messengerWindow[sizemode=normal] #today-pane-panel {
-      border-inline-end: 1px solid rgba(10%, 10%, 10%, .4);
-      border-bottom: 1px solid rgba(10%, 10%, 10%, .4);
+      border-inline-end: 1px solid hsla(240, 5%, 5%, .3);
+      border-bottom: 1px solid hsla(240, 5%, 5%, .3);
       background-clip: padding-box;
     }
   }
 
   .today-pane-cycler {
     margin-top: -1px;
   }
 }
--- a/mail/themes/windows/mail/activity/activity.css
+++ b/mail/themes/windows/mail/activity/activity.css
@@ -21,17 +21,17 @@
 
 @media (-moz-windows-glass) {
   #activityManager {
     -moz-appearance: -moz-win-glass;
     background: transparent;
   }
 
   .activityview {
-    border: 1px solid rgba(10%, 10%, 10%, .4);
+    border: 1px solid hsla(240, 5%, 5%, .3);
     background-clip: padding-box
   }
 
   #clearListButton {
     margin-inline-start: 0;
     margin-bottom: 0;
   }
 }
--- a/mail/themes/windows/mail/mailWindow1.css
+++ b/mail/themes/windows/mail/mailWindow1.css
@@ -693,35 +693,35 @@ treechildren::-moz-tree-cell-text(imapde
     background-color: transparent;
   }
 }
 
 @media (-moz-os-version: windows-win7) and (-moz-windows-default-theme),
        (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   @media (-moz-windows-compositor) {
     :root:not(:-moz-lwtheme) {
-      --tabs-border: rgba(10%, 10%, 10%, .4);
+      --tabs-border: var(--glassShadowColor);
     }
 
     #messengerWindow[sizemode=normal] #tabpanelcontainer {
-      border: 1px solid rgba(10%, 10%, 10%, .4);
+      border: 1px solid var(--glassShadowColor);
       border-top: none;
       background-clip: padding-box;
     }
 
     #messengerWindow[sizemode=normal] #mail-toolbar-menubar2 {
-      border-right: 1px solid rgba(10%, 10%, 10%, .4);
-      border-left: 1px solid rgba(10%, 10%, 10%, .4);
+      border-right: 1px solid var(--glassShadowColor);
+      border-left: 1px solid var(--glassShadowColor);
       background-clip: padding-box;
     }
 
     #messengerWindow[sizemode=normal] statusbar {
       -moz-appearance: none;
       margin-top: -1px;
-      border: 1px solid rgba(10%, 10%, 10%, .4);
+      border: 1px solid var(--glassShadowColor);
       border-top-color: threedshadow;
       border-radius: 1px 1px 0 0;
       background-clip: padding-box;
     }
   }
 }
 
 @media (-moz-os-version: windows-win8) and (-moz-windows-default-theme),
--- a/mail/themes/windows/mail/messenger.css
+++ b/mail/themes/windows/mail/messenger.css
@@ -10,16 +10,17 @@
 @import url("chrome://messenger/content/messenger.css");
 @import url("chrome://messenger/skin/shared/messenger.css");
 
 :root {
   --tab-min-height: 30px;
   --tabs-border: threedshadow;
   --tab-line-color: highlight;
 
+  --glassShadowColor: hsla(240, 5%, 5%, .3);
   --toolbar-non-lwt-bgcolor: -moz-dialog;
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
   --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
   --toolbar-bgimage: var(--toolbar-non-lwt-bgimage);
   --toolbarbutton-border-radius: 2px;
   --toolbarbutton-icon-fill-opacity: .85;
   --toolbarbutton-hover-background: rgba(0, 0, 0, .1);
--- a/mail/themes/windows/mail/tabmail.css
+++ b/mail/themes/windows/mail/tabmail.css
@@ -147,22 +147,33 @@ tabpanels {
   @media (-moz-windows-glass: 0) {
     :root[tabsintitlebar][sizemode=normal] #mail-toolbar-menubar2[autohide=true][inactive] ~
       #tabs-toolbar {
       margin-top: 6px;
     }
   }
 }
 
+@media (-moz-windows-glass) {
+  /* draw always a top border with Glass */
+  #tabs-toolbar {
+    --tabs-top-border-width: 1px;
+  }
+
+  .tab-background {
+    border-top-style: solid;
+  }
+}
+
 @media (-moz-windows-glass),
        (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   :root[sizemode=normal] .tabmail-tab[first-tab][visuallyselected]:before {
     content: '';
     display: -moz-box;
-    --tabs-border: rgba(10%, 10%, 10%, .4);
+    --tabs-border: var(--glassShadowColor);
   }
 }
 
 @media (-moz-os-version: windows-win8) and (-moz-windows-default-theme) {
   #messengerWindow[darkwindowframe="true"]
   #tabs-toolbar:not(:-moz-lwtheme):not(:-moz-window-inactive),
   #messengerWindow[darkwindowframe="true"]
   .tabmail-tab:not([selected="true"]):not(:-moz-lwtheme):not(:-moz-window-inactive) {