Bug 1686527 - Update some navigation toolbar icons. r=jaws

Included in this set:
* Back
* Forward
* Home
* Library
* AppMenu (normal, badged)
* Pocket
* Update badge icon
* Overflow button icon

Differential Revision: https://phabricator.services.mozilla.com/D110610

browser/themes/shared/customizableui/panelUI.inc.css

@@ -132,10 +132,12 @@
 #PanelUI-menu-button[badge-status="update-other-instance"] > .toolbarbutton-badge-stack > .toolbarbutton-badge,
 #PanelUI-menu-button[badge-status="update-restart"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
   background: #74BF43 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+  background-size: 10px;
 }
 
 #PanelUI-menu-button[badge-status="update-unsupported"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
   background: #FFE900 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+  background-size: 10px;
 }
 
 @media (-moz-proton) {
@@ -146,8 +148,9 @@
 .panel-banner-item[notificationid="update-restart"] > .toolbarbutton-icon {
   background: var(--panel-banner-item-update-supported-bgcolor) url(chrome://browser/skin/update-badge.svg) no-repeat center;
   border-radius: 50%;
-  -moz-context-properties: stroke;
-  stroke: var(--arrowpanel-background);
+  background-size: 10px;
+  -moz-context-properties: fill;
+  fill: var(--arrowpanel-background);
 }
 
 .panel-banner-item[notificationid="update-unsupported"] > .toolbarbutton-icon {
@@ -166,11 +169,15 @@
 .panel-banner-item[notificationid="update-restart"]::after {
   background: var(--panel-banner-item-update-supported-bgcolor) url(chrome://browser/skin/update-badge.svg) no-repeat center;
   border-radius: 50%;
+  background-size: 10px;
+  -moz-context-properties: fill;
+  fill: #fff;
 }
 
 .panel-banner-item[notificationid="update-unsupported"]::after {
   background: var(--panel-banner-item-warning-icon-bgcolor) url(chrome://browser/skin/update-badge.svg) no-repeat center;
   border-radius: 50%;
+  background-size: 10px;
 }
 .panel-banner-item[notificationid^=update] {
   list-style-image: url(chrome://branding/content/icon16.png);