Bug 1301851 - Fix the message icons for plugin notifications. r=florian draft
authorJohann Hofmann <jhofmann@mozilla.com>
Tue, 13 Sep 2016 15:05:49 +0200
changeset 413071 c507d56062ce156d4c5ad44babbc3f1cd371686b
parent 412625 1851b78b5a9673ee422f189b92e5f1e86b82a01c
child 531115 be74cd1b50fbea6a063f25bf12679fc412a2ded4
push id29313
push userbmo:jhofmann@mozilla.com
push dateTue, 13 Sep 2016 13:06:27 +0000
reviewersflorian
bugs1301851
milestone51.0a1
Bug 1301851 - Fix the message icons for plugin notifications. r=florian MozReview-Commit-ID: 4Ymlr6ZpuBZ
browser/themes/shared/plugin-doorhanger.inc.css
--- a/browser/themes/shared/plugin-doorhanger.inc.css
+++ b/browser/themes/shared/plugin-doorhanger.inc.css
@@ -45,22 +45,25 @@
 }
 
 .click-to-play-plugins-notification-link,
 .center-item-link {
   margin: 0;
 }
 
 .messageImage[value="plugin-hidden"] {
-  list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
-  -moz-image-region: rect(0, 16px, 16px, 0);
+  list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin);
+  filter: url(chrome://browser/skin/filters.svg#fill);
+  fill: currentColor;
 }
 
 /* Keep any changes to this style in sync with pluginProblem.css */
 notification.pluginVulnerable {
   background-color: rgb(72,72,72);
   background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
   color: white;
 }
 
 notification.pluginVulnerable .messageImage {
-  list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
+  list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-blocked);
+  filter: url(chrome://browser/skin/filters.svg#fill);
+  fill: #d92215;
 }