summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/shared/mail/compacttheme.css
diff options
context:
space:
mode:
Diffstat (limited to 'comm/mail/themes/shared/mail/compacttheme.css')
-rw-r--r--comm/mail/themes/shared/mail/compacttheme.css39
1 files changed, 39 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/compacttheme.css b/comm/mail/themes/shared/mail/compacttheme.css
new file mode 100644
index 0000000000..3ead999372
--- /dev/null
+++ b/comm/mail/themes/shared/mail/compacttheme.css
@@ -0,0 +1,39 @@
+/* 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/. */
+
+/* compacttheme.css is loaded in messenger.xhtml after messenger.css when it
+ is preffed on. The bulk of the styling is here in the shared file, but
+ there are overrides for each platform in their compacttheme.css files. */
+
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+:root:-moz-lwtheme {
+ --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor);
+ --toolbar-non-lwt-textcolor: var(--lwt-text-color);
+ --toolbar-non-lwt-bgimage: none;
+ --new-focused-folder-color: var(--sidebar-highlight-text-color);
+}
+
+@media (prefers-color-scheme: dark) {
+ :root:-moz-lwtheme {
+ /* Toolbar buttons */
+ --lwt-toolbarbutton-hover-background: rgba(179, 179, 179, 0.4);
+ --lwt-toolbarbutton-active-background: rgba(179, 179, 179, 0.6);
+ --autocomplete-popup-highlight-background: #0060DF;
+ }
+
+ #folderTree:-moz-lwtheme
+ treechildren::-moz-tree-image(folderNameCol, newMessages-true),
+ #folderTree:-moz-lwtheme
+ treechildren::-moz-tree-image(folderNameCol, isServer-true, biffState-NewMail) {
+ --new-folder-color: var(--color-blue-40);
+ }
+
+ #folderTree:-moz-lwtheme
+ treechildren::-moz-tree-cell-text(hasUnreadMessages-true, selected, focus),
+ #folderTree:-moz-lwtheme
+ treechildren::-moz-tree-cell-text(closed, subfoldersHaveUnreadMessages-true, selected, focus) {
+ color: var(--sidebar-highlight-text-color) !important;
+ }
+}