1 files changed, 174 insertions, 0 deletions
diff --git a/comm/mail/themes/shared/mail/preferences/dialog.css b/comm/mail/themes/shared/mail/preferences/dialog.css
new file mode 100644
index 0000000000..737f3c6f73
--- /dev/null
+++ b/comm/mail/themes/shared/mail/preferences/dialog.css
@@ -0,0 +1,174 @@
+/* - 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/. */
+
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+@media not (prefers-contrast) {
+  @media not (prefers-color-scheme: dark) {
+    :root > * {
+      --in-content-button-background: var(--grey-90-a10);
+      --in-content-button-background-hover: var(--grey-90-a20);
+      --in-content-button-background-active: var(--grey-90-a30);
+    }
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :root > * {
+      --in-content-page-background: #2a2a2e;
+      --in-content-button-background: rgba(249, 249, 250, 0.1);
+      --in-content-button-background-hover: rgba(249, 249, 250, 0.15);
+      --in-content-button-background-active: rgba(249, 249, 250, 0.2);
+      --in-content-primary-button-background: #45a1ff;
+      --in-content-primary-button-background-hover: #65c1ff;
+      --in-content-primary-button-background-active: #85e1ff;
+      --in-content-focus-outline-color: #45a1ff;
+    }
+  }
+}
+
+dialog,
+window,
+.windowDialog {
+  appearance: none;
+  background-color: var(--in-content-page-background);
+  color: var(--in-content-page-color);
+  margin: 0;
+  padding: 0;
+}
+
+body > dialog {
+  background-color: unset;
+}
+
+.contentPane,
+dialog::part(content-box) {
+  flex: 1;
+}
+
+.contentPane.doScroll,
+dialog.doScroll::part(content-box) {
+  overflow-y: auto;
+  contain: size;
+}
+
+dialog.doScroll {
+  margin-inline: -4px;
+}
+
+dialog.doScroll::part(content-box) {
+  padding-inline: 4px;
+}
+
+tabbox {
+  /* override the rule in certManager.xhtml */
+  margin: 0 0 5px !important;
+}
+
+tabpanels {
+  font-size: 1em;
+}
+
+tabs,
+label,
+description,
+#useDocumentColors {
+  margin-inline: 4px;
+}
+
+/* This element (in passwordManager.xhtml) has no height until Fluent fills
+   it, but we need to calculate the document height before then. The value is
+   the same as the line-height for a label in preferences.css. */
+label#signonsIntro {
+  height: 1.8em;
+}
+
+tree {
+  min-height: 150px;
+}
+
+caption {
+  padding-inline-start: 0;
+}
+
+groupbox {
+  margin-top: 0;
+  margin-inline: 4px;
+  padding-block: 0 5px;
+}
+
+groupbox description {
+  margin-inline: 0;
+}
+
+menulist label {
+  font-weight: unset;
+}
+
+.actionButtons + resizer {
+  display: none;
+}
+
+menulist,
+button,
+html|input[type="number"] {
+  margin-inline-end: 0;
+}
+
+button,
+menulist {
+  padding: 0 8px;
+}
+
+/* Create a separate rule to unset these styles on .tree-input instead of
+   using :not(.tree-input) so the selector specifity doesn't change. */
+textbox.tree-input {
+  font-size: unset;
+}
+
+/* Give some space in front of elements that follows a menulist, button or an
+   input in dialogs */
+.startSpacing {
+  margin-inline-start: 8px;
+}
+
+#siteCol {
+  flex: 3 auto;
+}
+
+#statusCol {
+  flex: 1 auto;
+}
+
+#domainCol {
+  flex: 2 auto;
+}
+
+#nameCol {
+  flex: 1 auto;
+}
+
+/* Adjust the Lightning Edit Category dialog */
+#colorSelectRow {
+  margin-top: 10px;
+  margin-inline-start: 4px;
+}
+
+#totalOpenTime {
+  min-width: calc(3ch + 55px);
+}
+
+#logView {
+  border: 1px solid var(--in-content-box-border-color);
+  margin: 0 4px 5px;
+}
+
+#cookieInfoSettings {
+  margin-top: 8px;
+  margin-inline-end: -4px;
+}
+
+/* Edit SMTP Server dialog */
+#smtpUsername {
+  margin-inline: 8px 0;
+}