Bug 1672081 - Make #navigator-toolbox transparent in macOS light theme, allowing vibrancy rules to apply to the toolbar. r=desktop-theme-reviewers,mstange,ntim
authorharry <htwyford@mozilla.com>
Wed, 10 Feb 2021 20:28:09 +0000
changeset 566875 8fe0f90430d40537a327faf0f8e732f0c1c3bd9e
parent 566874 1ec6b59582191930543cf910b06cc4a3f4ac8f29
child 566876 423a59653735977cbcac4faac5cfe66d541b9113
push id38191
push userbtara@mozilla.com
push dateThu, 11 Feb 2021 05:02:45 +0000
treeherdermozilla-central@5cbcb80f72bd [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersdesktop-theme-reviewers, mstange, ntim
bugs1672081
milestone87.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1672081 - Make #navigator-toolbox transparent in macOS light theme, allowing vibrancy rules to apply to the toolbar. r=desktop-theme-reviewers,mstange,ntim Differential Revision: https://phabricator.services.mozilla.com/D104417
browser/themes/osx/compacttheme.css
--- a/browser/themes/osx/compacttheme.css
+++ b/browser/themes/osx/compacttheme.css
@@ -1,14 +1,22 @@
 % This Source Code Form is subject to the terms of the Mozilla Public
 % License, v. 2.0. If a copy of the MPL was not distributed with this
 % file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 %include ../shared/compacttheme.inc.css
 
+/**
+ * macOS vibrancy effects only work when there is no background colour behind
+ * the effect.
+ */
+:root:-moz-lwtheme-darktext {
+  background-color: transparent;
+}
+
 #TabsToolbar:-moz-lwtheme-darktext {
   appearance: auto;
   -moz-default-appearance: -moz-mac-vibrant-titlebar-light;
   -moz-font-smoothing-background-color: -moz-mac-vibrant-titlebar-light;
 }
 
 .tabbrowser-tab[multiselected]:-moz-lwtheme-darktext,
 .tabbrowser-tab[visuallyselected=true]:-moz-lwtheme-darktext {