summaryrefslogtreecommitdiffstats
path: root/comm/mail/themes/windows/mail/compacttheme.css
blob: 084169349919101ff1ea224606db173b931b4c85 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
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;
}