1 files changed, 129 insertions, 0 deletions
diff --git a/comm/suite/themes/modern/global/notification.css b/comm/suite/themes/modern/global/notification.css
new file mode 100644
index 0000000000..30487da13b
--- /dev/null
+++ b/comm/suite/themes/modern/global/notification.css
@@ -0,0 +1,129 @@
+/* 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 url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+notification {
+  background-color: #C7D0D9;
+  color: #000000;
+}
+
+notification[type="warning"] {
+  background-color: #E8DB99;
+}
+
+notification[type="critical"] {
+  background-color: #FF0000;
+  color: #FFFFFF;
+}
+
+.notification-inner[type="warning"] {
+  border-color: #E8DB99 !important;
+}
+
+.notification-inner[type="critical"] {
+  border-color: #FF0000 !important;
+}
+
+.messageImage {
+  width: 16px;
+  height: 16px;
+  margin-top: 0px;
+  margin-bottom: 3px;
+  margin-inline-start: 5px;
+  margin-inline-end: 1px;
+}
+
+/* Default icons for notifications */
+
+.messageImage[type="info"] {
+  list-style-image: url("chrome://global/skin/icons/information-16.png");
+}
+
+.messageImage[type="warning"] {
+  list-style-image: url("chrome://global/skin/icons/warning-16.png");
+}
+
+.messageImage[type="critical"] {
+  list-style-image: url("chrome://global/skin/icons/error-16.png");
+}
+
+.messageText {
+  margin-top: 0px !important;
+  margin-bottom: 0px !important;
+  margin-inline-start: 5px !important;
+  margin-inline-end: 1px !important;
+}
+
+.messageCloseButton {
+  list-style-image: url("chrome://global/skin/icons/close.png");
+  padding: 4px 2px;
+  border: none;
+}
+
+.messageCloseButton:hover {
+  list-style-image: url("chrome://global/skin/icons/close-hov.png");
+}
+
+.messageCloseButton:hover:active {
+  list-style-image: url("chrome://global/skin/icons/close-act.png");
+}
+
+/* Popup notifications */
+
+popupnotification {
+  background-color: #C7D0D9;
+}
+
+.popup-notification-description {
+  max-width: 248px;
+  margin-top: 4px !important;
+}
+
+.popup-notification-learnmore-link:not([href]) {
+  display: none;
+}
+
+.popup-notification-closeitem {
+  list-style-image: url("chrome://global/skin/icons/closebox.png");
+}
+
+.popup-notification-button-container {
+  background-color: transparent;
+  display: flex;
+}
+
+.popup-notification-button-container > toolbarseparator {
+  display: none;
+}
+
+.popup-notification-button {
+  flex: 1;
+  min-width: 0;
+}
+
+.popup-notification-button[anonid="secondarybutton"][hidden="true"] ~ .popup-notification-button[default] {
+  flex: 1;
+}
+
+.popup-notification-button > .button-box {
+  padding: 0;
+}
+
+.popup-notification-dropmarker {
+  flex: none;
+  padding: 0 15px;
+}
+
+.popup-notification-dropmarker > .button-box > hbox {
+  display: none;
+}
+
+.popup-notification-dropmarker > .button-box > .button-menu-dropmarker {
+  /* This is to override the linux !important */
+  -moz-appearance: none !important;
+  display: -moz-box;
+  padding: 0;
+  margin: 0;
+}