diff options
Diffstat (limited to 'comm/mail/themes/windows/mail/primaryToolbar.css')
| -rw-r--r-- | comm/mail/themes/windows/mail/primaryToolbar.css | 244 |
1 files changed, 244 insertions, 0 deletions
diff --git a/comm/mail/themes/windows/mail/primaryToolbar.css b/comm/mail/themes/windows/mail/primaryToolbar.css new file mode 100644 index 0000000000..01bd68aa88 --- /dev/null +++ b/comm/mail/themes/windows/mail/primaryToolbar.css @@ -0,0 +1,244 @@ +/* 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/primaryToolbar.css"); + +@media (-moz-windows-compositor: 0), + (-moz-windows-default-theme: 0) { +/* We want a 4px gap between the tabs-toolbar and the toolbar-menubar + when the toolbar-menu is displayed. 1px is taken care of by the (light) + outer shadow of the tab, the remaining 3 is these margins. */ + #toolbar-menubar:not([autohide="true"]) ~ #tabs-toolbar, + #toolbar-menubar[autohide="true"]:not([inactive]) ~ #tabs-toolbar { + margin-top: 3px; + } + + :root[tabsintitlebar] #navigation-toolbox:not(:-moz-lwtheme) { + color: CaptionText; + } + + :root[tabsintitlebar] #navigation-toolbox:not(:-moz-lwtheme):-moz-window-inactive { + color: InactiveCaptionText; + } +} + +#navigation-toolbox, +#toolbar-menubar { + appearance: none; +} + +@media (-moz-platform: windows-win10) and (-moz-windows-default-theme) { + #menubar-items > #mail-menubar > menu[disabled="true"] { + background-color: transparent; + } + + #menubar-items > #mail-menubar > + menu:not([disabled="true"])[_moz-menuactive="true"] { + background-color: hsla(0, 0%, 0%, .12); + } + + @media (prefers-color-scheme: dark) { + #menubar-items > #mail-menubar > + menu:not([disabled="true"])[_moz-menuactive="true"] { + background-color: hsla(0, 0%, 100%, .2); + } + } +} + +@media (-moz-windows-classic) { + /** + * In the classic themes, the titlebar has a horizontal gradient, which is + * problematic for reading the text of background tabs when they're in the + * titlebar. We side-step this issue by layering our own background underneath + * the tabs. + */ + :root[tabsintitlebar] #tabs-toolbar:not(:-moz-lwtheme) { + background-image: linear-gradient(transparent, ActiveCaption); + background-size: auto 200%; + } + + :root[tabsintitlebar] #tabs-toolbar:not(:-moz-lwtheme):-moz-window-inactive { + background-image: linear-gradient(transparent, InactiveCaption); + } + + /** + * With the tabmail-tabs element z-index'd above the nav-bar, we now get the + * scrollbox button borders leaking over the nav-bar highlight. This transparent bottom + * border forces the scrollbox button borders to terminate a pixel early, working + * around the issue. + */ + :root[tabsintitlebar] #tabmail-arrowscrollbox:not(:-moz-lwtheme)::part(scrollbutton-up), + :root[tabsintitlebar] #tabmail-arrowscrollbox:not(:-moz-lwtheme)::part(scrollbutton-down) { + border-bottom: 1px solid transparent; + } + + :root[tabsintitlebar] .mail-toolbox:not(:-moz-lwtheme), + :root[tabsintitlebar] .contentTabToolbox:not(:-moz-lwtheme) { + box-shadow: none; + } + + /* End classic titlebar gradient */ + + :root[tabsintitlebar] :is(#tabs-toolbar,#toolbar-menubar) + toolbarbutton:not(:-moz-lwtheme) { + color: inherit; + } +} + +.mail-toolbox::after, +.contentTabToolbox::after { + content: ""; + display: flex; + height: 1px; + border-bottom: 1px solid var(--chrome-content-separator-color); +} + +.mail-toolbox > toolbar:not([type="menubar"]) { + padding: 1px; +} + +/* ::::: toolbar buttons on tabbar toolbar ::::: */ + +@media (-moz-windows-compositor: 0) { + #toolbar-menubar { + background-color: transparent !important + } + + :root[tabsintitlebar]:not([lwt-tree]) #titlebar:-moz-lwtheme { + appearance: none !important; + } + + :root[tabsintitlebar][sizemode="maximized"]:not([lwt-tree]) #titlebar:-moz-lwtheme { + margin-top: 4px; + } + + #print-preview-toolbar:not(:-moz-lwtheme) { + appearance: auto; + -moz-default-appearance: -moz-win-browsertabbar-toolbox; + } + + @media (-moz-windows-default-theme) { + #messengerWindow { + background-color: rgb(185, 209, 234); + } + #messengerWindow:-moz-window-inactive { + background-color: rgb(215, 228, 242); + } + + #toolbar-menubar:not([autohide=true],:-moz-lwtheme), + #tabs-toolbar:not(:-moz-lwtheme) { + background-color: transparent; + } + #toolbar-menubar[autohide=true] { + background-color: transparent !important; + } + } +} + +@media (-moz-windows-compositor) and (-moz-windows-default-theme) { + #navigation-toolbox:not(:-moz-lwtheme), + #tabs-toolbar { + background-color: transparent; + } + + #mail-toolbox:not(:-moz-lwtheme), + .glodaTabToolbar { + color: black; + } + + #mail-menubar > menu:not(:-moz-lwtheme) { + color: inherit; + } + + /* Use a different color only on Windows 8 and higher for inactive windows. + * On Win 7, the menubar fog disappears for inactive windows, and renders gray + * illegible. + */ + @media not all and (-moz-platform: windows-win7) { + #toolbar-menubar:not(:-moz-lwtheme):-moz-window-inactive { + color: ThreeDShadow; + } + } +} + +@media (-moz-windows-glass) { + .mail-toolbox:not(:-moz-lwtheme)::after, + .contentTabToolbox:not(:-moz-lwtheme)::after { + --chrome-content-separator-color: #aabccf; + } + + #tabs-toolbar { + order: 10; + } + + #toolbar-menubar { + order: 20; + -moz-window-dragging: no-drag; + box-shadow: 0 1px 0 rgba(253, 253, 253, 0.45) inset; + background-color: var(--toolbar-bgcolor); + padding-bottom: 1px !important; + padding-top: 2px; + } + + /* Don't apply the full negative margin for the Spaces Toolbar. */ + :root[spacestoolbar="true"] #toolbar-menubar { + margin-inline-start: -1px !important; + } + + #toolbar-menubar:-moz-lwtheme { + background-color: var(--toolbar-bgcolor); + color: var(--toolbar-color, inherit); + box-shadow: none; + } + + #navigation-toolbox > #toolbar-menubar:not(:-moz-lwtheme) { + appearance: none; + border-bottom: 1px solid #aabccf; + } + + #tabs-toolbar:not(:-moz-lwtheme) { + position: relative; + } + + #navigation-toolbox:not(:-moz-lwtheme)::before { + box-shadow: 0 30px 30px 30px rgba(174, 189, 204, 0.85); + content: ""; + display: flex; + margin: 0 60px; /* (30px + 30px) from box-shadow */ + pointer-events: none; + width: -moz-available; + z-index: -1; + } +} + +@media (-moz-platform: windows-win8) { + @media (-moz-windows-default-theme) { + #messengerWindow[darkwindowframe="true"]:not(:-moz-lwtheme,:-moz-window-inactive) #navigation-toolbox { + color: white; + } + } + @media (-moz-windows-default-theme: 0) { + #messengerWindow #navigation-toolbox:not(:-moz-lwtheme) { + color: CaptionText; + } + + #messengerWindow #navigation-toolbox:not(:-moz-lwtheme):-moz-window-inactive { + color: InactiveCaptionText; + } + } +} + +@media (-moz-platform: windows-win8) and (-moz-windows-default-theme), + (-moz-platform: windows-win10) and (-moz-windows-default-theme) { + #navigation-toolbox > #toolbar-menubar { + background-color: transparent; + padding-top: 0; + padding-bottom: 0 !important; + } + + .mail-toolbox:not(:-moz-lwtheme)::after, + .contentTabToolbox:not(:-moz-lwtheme)::after { + --chrome-content-separator-color: #c2c2c2; + } +} |