Bug 1721264 - Make the tooltips theme aware. r=aleca

Differential Revision: https://phabricator.services.mozilla.com/D144015

--HG--
extra : moz-landing-system : lando

chat/themes/imtooltip.css

@@ -2,13 +2,8 @@
  * 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/. */
 
-#imTooltip {
-  appearance: auto;
-  -moz-default-appearance: tooltip;
-}
-
 .tooltipBuddies {
-  margin-left: -3px;
+  margin-inline-start: -3px;
 }
 
 .tooltipTable {
@@ -26,7 +21,7 @@
 }
 
 .chatTooltipSeparator {
-  border-bottom: 1px solid #A3A3A3;
+  border-bottom: 1px solid hsla(0, 0%, 50%, 0.5);
 }
 
 .displayUserAccount.tooltipDisplayUserAccount {

mail/base/content/mainPopupSet.inc.xhtml

@@ -604,8 +604,7 @@
   </menupopup>
 
   <tooltip id="qfb-text-search-upsell"
-           level="parent"
-           style="background-color: #ffeeee;">
+           level="parent">
     <vbox>
       <label id="qfb-upsell-line-one"
              class="header"

mail/themes/linux/jar.mn

@@ -35,6 +35,7 @@ classic.jar:
   skin/classic/messenger/panelUI.css                          (mail/panelUI.css)
   skin/classic/messenger/tabmail.css                          (mail/tabmail.css)
   skin/classic/messenger/themeableDialog.css                  (mail/themeableDialog.css)
+  skin/classic/messenger/tooltip.css                          (mail/tooltip.css)
   skin/classic/messenger/editContactPanel.css                 (mail/editContactPanel.css)
   skin/classic/messenger/quickFilterBar.css                   (mail/quickFilterBar.css)
   skin/classic/messenger/variables.css                        (mail/variables.css)

mail/themes/linux/mail/tooltip.css

@@ -0,0 +1,18 @@
+/* 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/. */
+
+/*
+ * This file is imported as a UA stylesheet because the default tooltip is
+ * built as native anonymous content.
+ */
+
+@import url("chrome://messenger/skin/shared/tooltip.css");
+
+tooltip {
+  padding: 4px 8px;
+}
+
+tooltip:not([position]) {
+  margin-top: 21px;
+}

mail/themes/osx/jar.mn

@@ -35,6 +35,7 @@ classic.jar:
   skin/classic/messenger/panelUI.css                             (mail/panelUI.css)
   skin/classic/messenger/tabmail.css                             (mail/tabmail.css)
   skin/classic/messenger/themeableDialog.css                     (mail/themeableDialog.css)
+  skin/classic/messenger/tooltip.css                             (mail/tooltip.css)
   skin/classic/messenger/editContactPanel.css                    (mail/editContactPanel.css)
   skin/classic/messenger/quickFilterBar.css                      (mail/quickFilterBar.css)
   skin/classic/messenger/variables.css                           (mail/variables.css)

mail/themes/osx/mail/tooltip.css

@@ -0,0 +1,18 @@
+/* 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/. */
+
+/*
+ * This file is imported as a UA stylesheet because the default tooltip is
+ * built as native anonymous content.
+ */
+
+@import url("chrome://messenger/skin/shared/tooltip.css");
+
+tooltip {
+  padding: 3px 6px;
+}
+
+tooltip:not([position]) {
+  margin-top: 18px;
+}

mail/themes/shared/jar.inc.mn

@@ -8,6 +8,7 @@
 # to the location of the actual manifest.
 
 % override chrome://global/skin/netError.css chrome://messenger/skin/aboutNetError.css
+% override chrome://global/skin/tooltip.css chrome://messenger/skin/tooltip.css
 % override chrome://global/skin/wizard.css chrome://messenger/skin/wizard.css
 % override chrome://global/content/elements/message-bar.css chrome://messenger/skin/message-bar.css
 % override chrome://browser/skin/developer.svg chrome://messenger/skin/icons/developer.svg
@@ -383,6 +384,7 @@
   skin/classic/messenger/shared/spacesToolbar.css             (../shared/mail/spacesToolbar.css)
   skin/classic/messenger/shared/tabmail.css                   (../shared/mail/tabmail.css)
   skin/classic/messenger/shared/themeableDialog.css           (../shared/mail/themeableDialog.css)
+  skin/classic/messenger/shared/tooltip.css                   (../shared/mail/tooltip.css)
   skin/classic/messenger/shared/tree-listbox.css              (../shared/mail/tree-listbox.css)
   skin/classic/messenger/shared/panelUI.css                   (../shared/mail/panelUI.css)
   skin/classic/messenger/shared/grid-layout.css               (../shared/mail/grid-layout.css)

mail/themes/shared/mail/chat.css

@@ -455,7 +455,7 @@ richlistitem:not([selected]) .protoIconDimmed {
 
 .nameAndStatusGrid > hr {
   height: 0;
-  border-block-start: 1px solid rgba(0, 0, 0, 0.25);
+  border-block-start: 1px solid hsla(0, 0%, 50%, 0.5);
   border-block-end: none;
   border-inline: none;
 }

mail/themes/shared/mail/tooltip.css

@@ -0,0 +1,41 @@
+/* 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/. */
+
+/*
+ * This file is imported as a UA stylesheet because the default tooltip is
+ * built as native anonymous content.
+ */
+
+@media not (prefers-contrast) {
+  tooltip {
+    --tooltip-color: #15141a;
+    --tooltip-background: #f9f9fa;
+    --tooltip-border: #75747a;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    tooltip {
+      --tooltip-color: #fbfbfe;
+      --tooltip-background: #42414d;
+      --tooltip-border: #82828e;
+    }
+  }
+}
+
+@media (prefers-contrast) {
+  tooltip {
+    --tooltip-color: FieldText;
+    --tooltip-background: Field;
+    --tooltip-border: FieldText;
+  }
+}
+
+tooltip {
+  font: message-box;
+  max-width: 40em;
+  background-color: var(--tooltip-background);
+  color: var(--tooltip-color);
+  border: 1px solid var(--tooltip-border);
+  border-radius: 3px;
+}

mail/themes/windows/jar.mn

@@ -35,6 +35,7 @@ classic.jar:
   skin/classic/messenger/panelUI.css                          (mail/panelUI.css)
   skin/classic/messenger/tabmail.css                          (mail/tabmail.css)
   skin/classic/messenger/themeableDialog.css                  (mail/themeableDialog.css)
+  skin/classic/messenger/tooltip.css                          (mail/tooltip.css)
   skin/classic/messenger/editContactPanel.css                 (mail/editContactPanel.css)
   skin/classic/messenger/quickFilterBar.css                   (mail/quickFilterBar.css)
   skin/classic/messenger/variables.css                        (mail/variables.css)

mail/themes/windows/mail/tooltip.css

@@ -0,0 +1,18 @@
+/* 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/. */
+
+/*
+ * This file is imported as a UA stylesheet because the default tooltip is
+ * built as native anonymous content.
+ */
+
+@import url("chrome://messenger/skin/shared/tooltip.css");
+
+tooltip {
+  padding: 3px 6px;
+}
+
+tooltip:not([position]) {
+  margin-top: 21px;
+}