1 files changed, 197 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/unifiedToolbarCustomizableItems.css b/comm/mail/themes/shared/mail/unifiedToolbarCustomizableItems.css
new file mode 100644
index 0000000000..5cc472abeb
--- /dev/null
+++ b/comm/mail/themes/shared/mail/unifiedToolbarCustomizableItems.css
@@ -0,0 +1,197 @@
+/* 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/. */
+
+/* Icon definitions for customizable item previews.
+ * CustomizableItemsDetails.mjs contains the definitions for the root class
+ * names. */
+
+[is="customizable-element"] .preview-icon {
+  content: var(--icon-extension);
+}
+
+.spacer .preview-icon {
+  content: var(--icon-flexible-space);
+}
+
+.search-bar .preview-icon {
+  content: var(--icon-search);
+}
+
+.write-message .preview-icon {
+  content: var(--icon-new-mail);
+}
+
+.move-to .preview-icon {
+  content: var(--icon-file);
+}
+
+.unifinder .preview-icon {
+  content: var(--icon-search);
+}
+
+.folder-location .preview-icon {
+  content: var(--icon-folder);
+}
+
+.edit-event .preview-icon {
+  content: var(--icon-pencil);
+}
+
+.get-messages .preview-icon {
+  content: var(--icon-cloud-download);
+}
+
+.reply .preview-icon {
+  content: var(--icon-reply);
+}
+
+.reply-all .preview-icon {
+  content: var(--icon-reply-all);
+}
+
+.reply-to-list .preview-icon {
+  content: var(--icon-reply-list);
+}
+
+.redirect .preview-icon {
+  content: var(--icon-redirect);
+}
+
+.archive .preview-icon {
+  content: var(--icon-archive);
+}
+
+.conversation .preview-icon {
+  content: var(--icon-conversation);
+}
+
+.previous-unread .preview-icon {
+  content: var(--icon-nav-up-unread);
+}
+
+.previous .preview-icon {
+  content: var(--icon-nav-up);
+}
+
+.next-unread .preview-icon {
+  content: var(--icon-nav-down-unread);
+}
+
+.next .preview-icon {
+  content: var(--icon-nav-down);
+}
+
+.junk .preview-icon {
+  content: var(--icon-spam);
+}
+
+.delete .preview-icon {
+  content: var(--icon-trash);
+}
+
+.compact .preview-icon {
+  content: var(--icon-compress);
+}
+
+.add-as-event .preview-icon {
+  content: var(--icon-new-event);
+}
+
+.add-as-task .preview-icon {
+  content: var(--icon-new-task);
+}
+
+.tag-message .preview-icon {
+  content: var(--icon-tag);
+}
+
+.forward-inline .preview-icon {
+  content: var(--icon-forward);
+}
+
+.forward-attachment .preview-icon {
+  /* TODO separate icon for forwarding as attachment */
+  content: var(--icon-forward);
+}
+
+.mark-as .preview-icon {
+  content: var(--icon-unread);
+}
+
+.view-picker .preview-icon {
+  content: var(--icon-eye);
+}
+
+.address-book .preview-icon {
+  content: var(--icon-address-book);
+}
+
+.chat .preview-icon {
+  content: var(--icon-chat)
+}
+
+.add-ons-and-themes .preview-icon {
+  content: var(--icon-extension);
+}
+
+.calendar .preview-icon {
+  content: var(--icon-calendar);
+}
+
+.tasks .preview-icon {
+  content: var(--icon-tasks)
+}
+
+.mail .preview-icon {
+  content: var(--icon-mail);
+}
+
+.print .preview-icon {
+  content: var(--icon-print);
+}
+
+.quick-filter-bar .preview-icon {
+  content: var(--icon-filter);
+}
+
+.synchronize .preview-icon {
+  content: var(--icon-sync);
+}
+
+.new-event .preview-icon {
+  content: var(--icon-new-event);
+}
+
+.new-task .preview-icon {
+  content: var(--icon-new-task);
+}
+
+.delete-event .preview-icon {
+  content: var(--icon-trash);
+}
+
+.print-event .preview-icon {
+  content: var(--icon-print);
+}
+
+.go-to-today .preview-icon {
+  content: var(--icon-calendar-today);
+}
+
+.go-back .preview-icon {
+  content: var(--icon-nav-back);
+}
+
+.go-forward .preview-icon {
+  content: var(--icon-nav-forward);
+}
+
+.stop .preview-icon {
+  content: var(--icon-close);
+}
+
+.throbber .preview-icon {
+  content: var(--icon-loading);
+  object-fit: cover;
+}