Revision control
Copy as Markdown
Other Tools
/* 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
/* ===== messengercompose.css ===========================================
== Styles for the main Messenger Compose window.
======================================================================= */
/* ::::: special toolbar colors ::::: */
@media not (prefers-contrast) {
#menubar-items > #mail-menubar > menu {
&[disabled="true"] {
background-color: transparent;
}
&:not([disabled="true"])[_moz-menuactive="true"] {
background-color: hsla(0, 0%, 0%, .12);
@media (prefers-color-scheme: dark) {
background-color: hsla(0, 0%, 100%, .2);
}
}
}
}
#composeContentBox {
appearance: none;
color: -moz-dialogtext;
background-color: -moz-Dialog;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
border-top-width: 0;
&:-moz-window-inactive {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
}
}
#MsgHeadersToolbar {
color: -moz-DialogText;
text-shadow: none;
padding-block: 4px 2px;
}
#subjectLabel {
margin-bottom: 0;
}
@media (prefers-contrast) {
:root:not([lwtheme]) {
& #msgSubject,
& #msgIdentity,
.address-container {
--toolbarbutton-hover-bordercolor: ThreeDShadow;
&:hover {
--toolbarbutton-hover-bordercolor: ThreeDDarkShadow;
}
}
& #MsgHeadersToolbar {
& .address-pill {
box-shadow: inset 0 0 0 1px ThreeDShadow;
&:where(:hover, :focus):not(.editing) {
box-shadow: inset 0 0 0 1px SelectedItem;
}
&[selected] {
color: SelectedItemText;
background-color: SelectedItem;
box-shadow: inset 0 0 0 1px SelectedItem, inset 0 0 0 2em SelectedItem;
&:where(:hover, :focus):not(.editing) {
box-shadow: inset 0 0 0 1px SelectedItemText, inset 0 0 0 2em SelectedItem;
text-shadow: none;
}
}
&:not([selected]) .pill-indicator {
fill: ThreeDShadow;
}
&:not([selected], .editing):hover .pill-indicator {
fill: SelectedItem;
}
}
}
}
}
#identityLabel-box {
margin-top: 1px;
}
#msgIdentity {
box-shadow: none;
&:-moz-focusring:not([open="true"])::part(label-box) {
outline: none;
}
@media (prefers-contrast) {
&::part(label-box) {
background-color: transparent !important;
color: inherit !important;
}
}
&::part(text-input) {
background-color: inherit;
color: inherit;
margin-block: 2px;
}
}
.address-label-container {
padding-top: 5px;
}
.address-container {
padding: 0 4px;
}
#msgIdentity,
.address-container {
min-height: 28px;
}
#msgSubject {
min-height: 26px;
margin-top: 0;
padding-inline-start: 5px;
}
/* ::::: format toolbar ::::: */
#FormatToolbar {
margin-block-end: 2px;
}
#FontFaceSelect {
max-width: 35ch;
}
toolbarbutton.formatting-button {
margin: 1px;
}
/* ::::: address book sidebar ::::: */
#compose-toolbox {
border-bottom: 1px solid var(--chrome-content-separator-color);
}
#compose-toolbox > toolbar:not([type="menubar"]) {
padding: 2px 1px;
:root[lwtheme] & {
text-shadow: none;
}
}
/* ::::: autocomplete icons ::::: */
.ac-site-icon {
display: flex;
margin: 1px 5px;
}
/* ::::: address book sidebar ::::: */
#contactsBrowser {
background-color: -moz-Dialog;
}