Bug 1779445 - Make imapdeleted message use a reduced opacity. r=aleca

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

mail/themes/shared/jar.inc.mn

@@ -554,6 +554,7 @@
   skin/classic/messenger/icons/new/compact/reply-all.svg      (../shared/mail/icons/new/compact/reply-all.svg)
   skin/classic/messenger/icons/new/compact/reply-list.svg     (../shared/mail/icons/new/compact/reply-list.svg)
   skin/classic/messenger/icons/new/compact/reply.svg          (../shared/mail/icons/new/compact/reply.svg)
+  skin/classic/messenger/icons/new/compact/restore.svg        (../shared/mail/icons/new/compact/restore.svg)
   skin/classic/messenger/icons/new/compact/ribbon.svg         (../shared/mail/icons/new/compact/ribbon.svg)
   skin/classic/messenger/icons/new/compact/rss.svg            (../shared/mail/icons/new/compact/rss.svg)
   skin/classic/messenger/icons/new/compact/search.svg         (../shared/mail/icons/new/compact/search.svg)

mail/themes/shared/mail/folderPane.css

@@ -306,6 +306,12 @@ treechildren::-moz-tree-cell-text(imapdeleted) {
   text-decoration: line-through;
 }
 
+@media not (prefers-contrast) {
+  treechildren::-moz-tree-cell-text(imapdeleted) {
+    opacity: 0.6;
+  }
+} 
+
 .tree-folder-checkbox {
   list-style-image: none;
 }

mail/themes/shared/mail/icons.css

@@ -90,6 +90,7 @@
   --icon-reply-all: url("chrome://messenger/skin/icons/new/compact/reply-all.svg");
   --icon-reply-list: url("chrome://messenger/skin/icons/new/compact/reply-list.svg");
   --icon-reply: url("chrome://messenger/skin/icons/new/compact/reply.svg");
+  --icon-restore: url("chrome://messenger/skin/icons/new/compact/restore.svg");
   --icon-ribbon: url("chrome://messenger/skin/icons/new/compact/ribbon.svg");
   --icon-rss: url("chrome://messenger/skin/icons/new/compact/rss.svg");
   --icon-search: url("chrome://messenger/skin/icons/new/compact/search.svg");

mail/themes/shared/mail/messageIcons.css

@@ -258,14 +258,6 @@ treechildren::-moz-tree-image(subjectCol, new) {
   stroke: var(--color-orange-40) !important; /* override the selected, focus rule */
 }
 
-treechildren::-moz-tree-image(subjectCol, imapdeleted) {
-  list-style-image: var(--icon-cancel-sm);
-  fill: color-mix(in srgb, var(--color-red-50) 20%, transparent);
-  fill: var(--color-red-50);
-  width: 12px;
-  margin-inline: 2px 4px;
-}
-
 treechildren::-moz-tree-image(subjectCol, selected, focus) {
   fill: var(--select-focus-text-color);
   stroke: var(--select-focus-text-color);
@@ -291,11 +283,6 @@ treechildren::-moz-tree-image(subjectCol, selected, focus) {
     fill: var(--color-yellow-40) !important; /* override the selected, focus rule */
     stroke: var(--color-orange-30) !important; /* override the selected, focus rule */
   }
-
-  treechildren::-moz-tree-image(subjectCol, imapdeleted) {
-    fill: var(--color-red-40);
-    fill: var(--color-red-50);
-  }
 }
 
 /* ..... do not show icons ..... */