Bug 1367385 - Use vibrancy background for titlebar in compact themes. r=dao draft
authorNihanth Subramanya <nhnt11@gmail.com>
Thu, 15 Jun 2017 20:02:43 +0530
changeset 596009 5ad31fc22dcb016936b5f6d3bbe40ac5d793f435
parent 596008 5f698efff00f54dfb83c192d945142e4aace0321
child 633843 8216a8c17374e83636e6a87d802acdc64da471fa
push id64494
push usernhnt11@gmail.com
push dateSat, 17 Jun 2017 09:32:21 +0000
reviewersdao
bugs1367385
milestone56.0a1
Bug 1367385 - Use vibrancy background for titlebar in compact themes. r=dao MozReview-Commit-ID: 2kc5AwWKV7c
browser/themes/osx/compacttheme.css
--- a/browser/themes/osx/compacttheme.css
+++ b/browser/themes/osx/compacttheme.css
@@ -23,16 +23,38 @@
   -moz-appearance: none !important;
 }
 
 /* Get rid of 1px bright strip at the top of window */
 #main-window[tabsintitlebar] #titlebar-content {
   background: var(--chrome-background-color);
 }
 
+%ifdef MOZ_PHOTON_THEME
+@media (-moz-mac-yosemite-theme) {
+  #main-window[tabsintitlebar] #titlebar-content {
+    background: none;
+  }
+
+  #main-window[tabsintitlebar] > #titlebar {
+    -moz-appearance: -moz-mac-vibrancy-dark;
+  }
+
+  #main-window[tabsintitlebar] > #titlebar:-moz-lwtheme-darktext {
+    -moz-appearance: -moz-mac-vibrancy-light;
+  }
+
+  #main-window[tabsintitlebar] #tabbrowser-tabs,
+  #main-window[tabsintitlebar] #TabsToolbar,
+  #main-window[tabsintitlebar] #browser-panel {
+    background: none;
+  }
+}
+%endif
+
 %ifndef MOZ_PHOTON_THEME
 /* Resize things so that the native titlebar is in line with the tabs */
 #main-window[tabsintitlebar] > #titlebar > #titlebar-content > #titlebar-buttonbox-container,
 #main-window[tabsintitlebar] > #titlebar > #titlebar-content > #titlebar-secondary-buttonbox > #titlebar-fullscreen-button {
   margin-top: 6px;
 }
 %endif
 /* Prevent the hover styling from on the identity icon from overlapping the