sync both themes with toolkit windows theme changes in Mozilla 55 cycle

[themes.git] / EarlyBlue / global / alerts / alert-common.css

diff --git a/EarlyBlue/global/alerts/alert-common.css b/EarlyBlue/global/alerts/alert-common.css
index 943f66f6d3e6e22e02d6790b3afbe80d3d8bee02..1caf842925ba4ef6685b1ee95a635b87d7ddb310 100644 (file)
--- a/EarlyBlue/global/alerts/alert-common.css
+++ b/EarlyBlue/global/alerts/alert-common.css
@@ -26,6 +26,12 @@
   animation-name: alert-fadeout-animation;
 }
 
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+  /* !important is necessary because CSS animations have highest
+     importance in the cascade with exception to !important rules. */
+  opacity: 1 !important;
+}
+
 @keyframes alert-animation {
   from {
     opacity: 0;
@@ -123,7 +129,9 @@
 #alertSettings {
   border-radius: 0px;
   min-width: 0;
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-grayscale");
+  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg");
+  -moz-context-properties: fill;
+  fill: #808080;
   margin-inline-end: 0;
   margin-bottom: 0;
 }
@@ -134,7 +142,7 @@
 
 #alertSettings:hover,
 #alertSettings[open] {
-  list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-inverted");
+  fill: #000000;
 }
 
 #alertSettings:hover {