summaryrefslogtreecommitdiffstats
path: root/comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css
diff options
context:
space:
mode:
Diffstat (limited to 'comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css')
-rw-r--r--comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css53
1 files changed, 53 insertions, 0 deletions
diff --git a/comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css b/comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css
new file mode 100644
index 0000000000..3fcafe9c48
--- /dev/null
+++ b/comm/mail/components/unifiedtoolbar/content/unifiedToolbarWebextensions.css
@@ -0,0 +1,53 @@
+/* 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 needs to be in content so it can load the moz-extension:// images. */
+
+.unified-toolbar .extension-action .button-icon {
+ height: 16px;
+ width: 16px;
+ margin-inline: 1px;
+ content: var(--webextension-toolbar-image, inherit);
+}
+
+:is(.icons-only, .icons-above-text, .icons-beside-text) .extension-action .prefer-icon-only .button-label {
+ display: none;
+}
+
+.unified-toolbar .extension-action .button-icon:-moz-lwtheme {
+ content: var(--webextension-toolbar-image-dark, inherit);
+}
+
+.extension-action .preview-icon {
+ content: var(--webextension-icon, inherit);
+}
+
+@media (prefers-color-scheme: dark) {
+ .unified-toolbar .extension-action .button-icon,
+ :root[lwt-tree-brighttext] .unified-toolbar .extension-action .button-icon {
+ content: var(--webextension-toolbar-image-light, inherit) !important;
+ }
+}
+
+
+@media (min-resolution: 1.1dppx) {
+ .unified-toolbar .extension-action .button-icon {
+ content: var(--webextension-toolbar-image-2x, inherit);
+ }
+
+ .unified-toolbar .extension-action .button-icon:-moz-lwtheme {
+ content: var(--webextension-toolbar-image-2x-dark, inherit);
+ }
+
+ .extension-action .preview-icon {
+ content: var(--webextension-icon-2x, inherit);
+ }
+
+ @media (prefers-color-scheme: dark) {
+ .unified-toolbar .extension-action .button-icon,
+ :root[lwt-tree-brighttext] .unified-toolbar .extension-action .button-icon {
+ content: var(--webextension-toolbar-image-2x-light, inherit) !important;
+ }
+ }
+}