1 files changed, 138 insertions, 0 deletions
diff --git a/comm/mail/themes/windows/mail/compacttheme.css b/comm/mail/themes/windows/mail/compacttheme.css
new file mode 100644
index 0000000000..0841693499
--- /dev/null
+++ b/comm/mail/themes/windows/mail/compacttheme.css
@@ -0,0 +1,138 @@
+/* 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/. */
+
+@import url("chrome://messenger/skin/shared/compacttheme.css");
+
+/* The window background is white due to no accentcolor in the lightweight
+   theme. It can't be changed to transparent when there is no compositor
+   (Win 7 in classic / basic theme), or else dragging and focus become
+   broken. So instead just show the normal titlebar in that case, and override
+   the window color as transparent when the compositor is available. */
+@media (-moz-windows-compositor: 0) {
+  /* Prevent accent color overriding the window background for
+   * light and dark theme on Aero Basic. This is copied from browser-aero.css. */
+  @media (-moz-windows-default-theme) {
+    #messengerWindow {
+      background-color: rgb(185,209,234) !important;
+    }
+    #messengerWindow:-moz-window-inactive {
+      background-color: rgb(215,228,242) !important;
+    }
+  }
+}
+
+@media (-moz-platform: windows-win7) {
+  @media (-moz-windows-default-theme) {
+    /* Always show light toolbar elements on aero surface. */
+    #tabs-toolbar {
+      color: hsl(240,9%,98%);
+    }
+
+    /* Keep showing the correct color inside the tabs. */
+    .tabmail-tab {
+      color: var(--lwt-text-color) !important;
+    }
+
+    #messengerWindow[tabsintitlebar] #mail-menubar > menu {
+      color: inherit;
+    }
+
+    :root[tabsintitlebar] #tabs-toolbar .toolbarbutton-1,
+    :root[tabsintitlebar] #tabmail-arrowscrollbox::part(scrollbutton-up),
+    :root[tabsintitlebar] #tabmail-arrowscrollbox::part(scrollbutton-down) {
+      fill: CaptionText;
+    }
+  }
+}
+
+@media (-moz-windows-glass) {
+  /* Use opaque white icons on Aero Glass. */
+  #tabs-toolbar {
+    --toolbarbutton-icon-fill: white;
+  }
+
+  :root[tabsintitlebar] #mail-menubar,
+  :root[tabsintitlebar]:not([inFullscreen]) #mail-menubar:-moz-window-inactive {
+    color: inherit;
+  }
+}
+
+@media (-moz-platform: windows-win7),
+       (-moz-platform: windows-win8) {
+  #messengerWindow .statusbar {
+    background-color: var(--lwt-accent-color);
+  }
+
+  @media (-moz-windows-compositor) {
+    #messengerWindow[windowtype="mail:3pane"] {
+      background: transparent !important;
+    }
+  }
+
+  /* Show border on tabs with background colors and
+   * show the tabs toolbar background color inside tabs. */
+  .tabmail-tab {
+    background-color: var(--lwt-accent-color) !important;
+    border-top: 1px solid var(--lwt-tabs-border-color);
+    background-clip: padding-box;
+  }
+
+  /* The top border on top of the tab background is replaced
+   * by the slightly transparent outside tabs-border-color. */
+  .tab-background {
+    border-top-style: none !important;
+  }
+
+  /* The border at the start of the tab strip is replaced
+   * by the slightly transparent outside tabs-border-color. */
+  .tabmail-tab:first-child {
+    margin-inline-start: 0 !important;
+    border-inline-start: 1px solid var(--lwt-tabs-border-color);
+  }
+
+  /* The border at the end of the tab strip is replaced
+   * by the slightly transparent outside tabs-border-color. */
+  .tabmail-tab:last-child {
+    border-inline-end: 1px solid var(--lwt-tabs-border-color);
+  }
+
+  .tabmail-tab:first-child::before,
+  .tabmail-tab:last-child::after {
+    display: none !important;
+  }
+
+  /* Use proper menu text styling in Win7 classic mode (copied from browser.css) */
+  @media (-moz-windows-default-theme: 0) {
+    :root[tabsintitlebar]:not([inFullscreen]) #mail-menubar,
+    :root[tabsintitlebar]:not([inFullscreen]) unified-toolbar {
+      color: CaptionText;
+    }
+
+    :root[tabsintitlebar]:not([inFullscreen]) #mail-menubar:-moz-window-inactive,
+    :root[tabsintitlebar]:not([inFullscreen]) unified-toolbar:-moz-window-inactive {
+      color: InactiveCaptionText;
+    }
+
+    #messengerWindow[tabsintitlebar] #mail-menubar > menu {
+      color: inherit;
+    }
+
+    #tabs-toolbar .toolbarbutton-1,
+    #tabmail-arrowscrollbox::part(scrollbutton-up),
+    #tabmail-arrowscrollbox::part(scrollbutton-down) {
+      fill: CaptionText;
+    }
+  }
+}
+
+/* Restored windows get an artificial border on windows, because the lwtheme background
+ * overlaps the regular window border. That isn't the case for us, so we avoid painting
+ * over the native border with our custom borders: */
+#navigation-toolbox {
+  /* These are !important to avoid specificity-wars with the selectors that add borders here. */
+  background-image: none !important;
+  border-top: none !important;
+  box-shadow: none !important;
+  padding-top: 0 !important;
+}