Bug 1595408 - Remove the background color from #messengerBox and #abContent under macOS to make trees vibrant again. r=aleca
authorRichard Marti <richard.marti@gmail.com>
Sun, 10 Nov 2019 23:09:50 +0100
changeset 37497 aeb3be1b205331433fb589efefd1aee830b84a6c
parent 37496 edda2bec8db7c2f754c0d83a42067263c27bb111
child 37498 ae4432bce46637257fc147f26d75c5c9c5d1c886
push id396
push userclokep@gmail.com
push dateMon, 06 Jan 2020 23:11:57 +0000
reviewersaleca
bugs1595408
Bug 1595408 - Remove the background color from #messengerBox and #abContent under macOS to make trees vibrant again. r=aleca
mail/themes/linux/mail/addrbook/addressbook.css
mail/themes/linux/mail/mailWindow1.css
mail/themes/osx/mail/addrbook/addressbook.css
mail/themes/osx/mail/chat.css
mail/themes/osx/mail/mailWindow1.css
mail/themes/shared/mail/addressbook.css
mail/themes/shared/mail/mailWindow1.css
mail/themes/windows/mail/addrbook/addressbook.css
mail/themes/windows/mail/mailWindow1.css
--- a/mail/themes/linux/mail/addrbook/addressbook.css
+++ b/mail/themes/linux/mail/addrbook/addressbook.css
@@ -15,16 +15,20 @@
   border-bottom: 1px solid var(--chrome-content-separator-color);
 }
 
 #ab-toolbox > toolbar {
   /* force iconsize="small" on these toolbars */
   counter-reset: smallicons;
 }
 
+#abContent {
+  background-color: -moz-Dialog;
+}
+
 /* ::::: directory pane adjustments ::::: */
 
 #dirTree:not(:-moz-lwtheme) {
   border-bottom: 1px solid ThreeDShadow;
 }
 
 /* ::::: splitters ::::: */
 
--- a/mail/themes/linux/mail/mailWindow1.css
+++ b/mail/themes/linux/mail/mailWindow1.css
@@ -10,16 +10,20 @@
 
 @import url("chrome://messenger/skin/");
 @import url("chrome://messenger/skin/primaryToolbar.css");
 @import url("chrome://messenger/skin/folderMenus.css");
 @import url("chrome://messenger/skin/folderPane.css");
 @import url("chrome://messenger/skin/messageIcons.css");
 @import url("chrome://messenger/skin/shared/mailWindow1.css");
 
+#messengerBox {
+  background-color: -moz-Dialog;
+}
+
 menu > #folderLocationPopup > menu > .menu-iconic-left,
 menu > #folderLocationPopup > menuitem > .menu-iconic-left {
   padding-inline-start: 2px;
 }
 
 :root:not([lwt-tree]) #folderTree {
   background-color: -moz-OddTreeRow;
 }
--- a/mail/themes/osx/mail/addrbook/addressbook.css
+++ b/mail/themes/osx/mail/addrbook/addressbook.css
@@ -27,16 +27,20 @@
   border-bottom: 1px solid var(--chrome-content-separator-color);
 }
 
 #ab-toolbox > toolbar {
   /* force iconsize="small" on these toolbars */
   counter-reset: smallicons;
 }
 
+#abContent:-moz-lwtheme {
+  background-color: -moz-OddTreeRow;
+}
+
 /* ::::: directory pane icons ::::: */
 
 :root:not([lwt-tree]) #dirTree {
   -moz-appearance: -moz-mac-source-list;
   -moz-font-smoothing-background-color: -moz-mac-source-list;
   border-inline-end: 1px solid #bdbdbd;
 }
 
--- a/mail/themes/osx/mail/chat.css
+++ b/mail/themes/osx/mail/chat.css
@@ -1,18 +1,24 @@
 %if 0
 /* 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/. */
 %endif
 
 %include ../../../components/im/themes/chat.css
 
+#chatPanel:-moz-lwtheme {
+  color: -moz-DialogText;
+  background-color: -moz-OddTreeRow;
+  text-shadow: none;
+}
+
 /* Adaptation of #folderPaneBox/#folderPaneTree from osx/mail/mailWindow1.css */
-:root:not([lwt-tree]) #chatPanel {
+:root:not(-moz-any([lwt-tree], :-moz-lwtheme)) #chatPanel {
   -moz-appearance: -moz-mac-source-list;
   -moz-font-smoothing-background-color: -moz-mac-source-list;
 }
 
 #chatTabPanel {
   --imbox-selected-text-color: -moz-FieldText;
   --imbox-selected-background-color: -moz-Field;
   --imbox-selected-border-color: var(--splitter-color);
--- a/mail/themes/osx/mail/mailWindow1.css
+++ b/mail/themes/osx/mail/mailWindow1.css
@@ -10,16 +10,20 @@
 
 @import url("chrome://messenger/skin/");
 @import url("chrome://messenger/skin/primaryToolbar.css");
 @import url("chrome://messenger/skin/folderMenus.css");
 @import url("chrome://messenger/skin/folderPane.css");
 @import url("chrome://messenger/skin/messageIcons.css");
 @import url("chrome://messenger/skin/shared/mailWindow1.css");
 
+#messengerBox:-moz-lwtheme {
+  background-color: -moz-OddTreeRow;
+}
+
 #tabmail:-moz-lwtheme {
   text-shadow: inherit;
 }
 
 #messengerBox:-moz-lwtheme {
   text-shadow: none;
 }
 
--- a/mail/themes/shared/mail/addressbook.css
+++ b/mail/themes/shared/mail/addressbook.css
@@ -61,17 +61,16 @@ toolbox[labelalign="end"] > toolbar[mode
 
 #button-abdelete {
   list-style-image: url("chrome://messenger/skin/icons/delete.svg");
 }
 
 #abContent {
   text-shadow: none;
   color: -moz-DialogText;
-  background-color: -moz-Dialog;
 }
 
 #dirTree [sortDirection="ascending"],
 #dirTree [sortDirection="descending"] {
   list-style-image: none;
 }
 
 /* ::::: directory pane icons ::::: */
--- a/mail/themes/shared/mail/mailWindow1.css
+++ b/mail/themes/shared/mail/mailWindow1.css
@@ -5,17 +5,16 @@
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 #tabmail:-moz-lwtheme {
   text-shadow: none;
 }
 
 #messengerBox {
   color: -moz-DialogText;
-  background-color: -moz-Dialog;
 }
 
 #folderUnreadCol,
 #folderTotalCol,
 #folderSizeCol {
   text-align: right;
 }
 
--- a/mail/themes/windows/mail/addrbook/addressbook.css
+++ b/mail/themes/windows/mail/addrbook/addressbook.css
@@ -4,16 +4,20 @@
 
 /* ===== addressbook.css ================================================
   == Styles for the main Address Book window.
   ======================================================================= */
 
 @import url("chrome://messenger/skin/");
 @import url("chrome://messenger/skin/shared/addressbook.css");
 
+#abContent {
+  background-color: -moz-Dialog;
+}
+
 /* ::::: results pane ::::: */
 
 #GeneratedName {
   padding-inline-start: 30px;
 }
 
 /* ::::: card view pane ::::: */
 
--- a/mail/themes/windows/mail/mailWindow1.css
+++ b/mail/themes/windows/mail/mailWindow1.css
@@ -8,16 +8,20 @@
 
 @import url("chrome://messenger/skin/");
 @import url("chrome://messenger/skin/primaryToolbar.css");
 @import url("chrome://messenger/skin/folderMenus.css");
 @import url("chrome://messenger/skin/folderPane.css");
 @import url("chrome://messenger/skin/messageIcons.css");
 @import url("chrome://messenger/skin/shared/mailWindow1.css");
 
+#messengerBox {
+  background-color: -moz-Dialog;
+}
+
 #folderPane-toolbar {
   border-top-style: none;
   border-bottom: 1px solid ThreeDShadow;
 }
 
 /* Give viewPickerPopup a menu look */
 #viewPickerPopup {
   background-color: menu;