diff options
Diffstat (limited to 'comm/mail/themes/osx/mail/themeableDialog.css')
-rw-r--r-- | comm/mail/themes/osx/mail/themeableDialog.css | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/comm/mail/themes/osx/mail/themeableDialog.css b/comm/mail/themes/osx/mail/themeableDialog.css new file mode 100644 index 0000000000..5bd2432aca --- /dev/null +++ b/comm/mail/themes/osx/mail/themeableDialog.css @@ -0,0 +1,91 @@ +/* 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/themeableDialog.css"); + +@namespace html url("http://www.w3.org/1999/xhtml"); + +@media (prefers-color-scheme: dark) { + :host, + :root:-moz-lwtheme { + --arrowpanel-color: #f9f9fa; + --arrowpanel-background: #282829; + --richlist-button-background: #1e1e1e; + } +} + +:host, +:root { + appearance: none; +} + +button > .button-box { + padding-block: 3px; +} + +#resetColor > .button-box { + padding-block: 0; +} + +.button-menu-dropmarker { + display: flex; +} + +menulist { + padding-inline-end: 0; +} + +menulist::part(dropmarker) { + display: flex; + width: 20px; +} + +html|input { + padding: 4px; +} + +html|input[type="number"]::-moz-number-spin-up, +html|input[type="number"]::-moz-number-spin-down { + min-height: 0.7em; +} + +menulist[is="menulist-editable"][editable="true"] { + padding: 0; +} + +menulist[is="menulist-editable"][editable="true"]::part(text-input) { + padding: 4px; + margin-block: -1px; + margin-inline: -1px 2px; +} + +menulist[is="menulist-editable"][editable="true"]::part(dropmarker) { + display: flex; + width: initial; + min-width: 0; + margin-block: 0; + margin-inline-end: 3px; +} + +menulist > menupopup:not([position]) { + margin-inline-start: 0; + margin-top: 0; +} + +.menu-right { + margin-top: 3px; +} + +tabbox { + margin-inline: 0; +} + +.tab-middle { + padding: 0; +} + +#commonDialog:not([subdialog]) { + color: var(--arrowpanel-color); + background-color: var(--arrowpanel-background); +} |