Bug 1904040 - Replace loading.png with loading.svg. r=desktop-theme-reviewers,Itiel

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

browser/base/content/aboutDialog.css

@@ -125,7 +125,9 @@
   min-height: 16px;
   margin-inline-end: 3px;
   vertical-align: middle;
-  content: image-set(url("chrome://global/skin/icons/loading.png"), url("chrome://global/skin/icons/loading@2x.png") 2x);
+  content: url("chrome://global/skin/icons/loading.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 .text-link {

browser/themes/shared/preferences/preferences.css

@@ -923,15 +923,12 @@ dialog > .sync-engines-list + hbox {
 }
 
 .update-throbber {
-  width: 16px;
-  min-height: 16px;
-  margin-block: 7px;
+  width: 1.3em;
+  min-height: 1.3em;
   margin-inline-end: 8px;
-  vertical-align: middle;
-}
-
-.update-throbber {
-  content: image-set(url("chrome://global/skin/icons/loading.png"), url("chrome://global/skin/icons/loading@2x.png") 2x);
+  content: url("chrome://global/skin/icons/loading.svg");
+  -moz-context-properties: fill;
+  fill: var(--in-content-accent-color);
 }
 
 .navigation {

browser/themes/shared/sidebar.css

@@ -65,7 +65,9 @@
 }
 
 #sidebar-throbber[loading="true"] {
-  list-style-image: image-set(url("chrome://global/skin/icons/loading.png"), url("chrome://global/skin/icons/loading@2x.png") 2x);
+  list-style-image: url("chrome://global/skin/icons/loading.svg");
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 #sidebar-title {

toolkit/components/aboutthirdparty/content/aboutThirdParty.html

@@ -32,7 +32,7 @@
         data-l10n-id="third-party-button-copy-to-clipboard"
       ></button>
       <img
-        src="chrome://global/skin/icons/loading.png"
+        src="chrome://global/skin/icons/loading.svg"
         class="svg-common"
         id="background-data-loading"
         data-l10n-id="third-party-loading-data"

toolkit/components/printing/content/print.css

@@ -250,13 +250,12 @@ input[type="radio"]:disabled + span > label {
 }
 
 #print-progress {
-  background-image: image-set(
-    url("chrome://global/skin/icons/loading.png"),
-    url("chrome://global/skin/icons/loading@2x.png") 2x
-  );
+  background-image: url("chrome://global/skin/icons/loading.svg");
   background-repeat: no-repeat;
   background-size: var(--size-item-small);
   background-position: left center;
+  -moz-context-properties: fill;
+  fill: var(--in-content-accent-color);
   padding-inline-start: calc(var(--size-item-small) + var(--space-xsmall));
 
   &:dir(rtl) {

toolkit/components/prompts/src/Prompter.sys.mjs

@@ -1474,8 +1474,7 @@ class ModalPrompter {
     }
 
     if (flags & Ci.nsIPrompt.SHOW_SPINNER) {
-      // When bug 1879550 is fixed, add a higher-res version here
-      args.headerIconURL = "chrome://global/skin/icons/loading.png";
+      args.headerIconURL = "chrome://global/skin/icons/loading.svg";
     }
 
     if (this.async) {

toolkit/crashreporter/content/crashes.css

@@ -49,13 +49,12 @@ th,
 }
 
 .submitting {
-  background-image: image-set(
-    url(chrome://global/skin/icons/loading.png),
-    url(chrome://global/skin/icons/loading@2x.png) 2x
-  );
+  background-image: url("chrome://global/skin/icons/loading.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: 16px;
+  -moz-context-properties: fill;
+  fill: currentColor;
 }
 
 .submitting .submit-crash-button-label {

toolkit/themes/shared/desktop-jar.inc.mn

@@ -93,9 +93,7 @@
   skin/classic/global/icons/info-filled.svg                (../../shared/icons/info-filled.svg)
   skin/classic/global/icons/lightbulb.svg                  (../../shared/icons/lightbulb.svg)
   skin/classic/global/icons/link.svg                       (../../shared/icons/link.svg)
-  skin/classic/global/icons/loading.png                    (../../shared/icons/loading.png)
   skin/classic/global/icons/loading.svg                    (../../shared/icons/loading.svg)
-  skin/classic/global/icons/loading@2x.png                 (../../shared/icons/loading@2x.png)
   skin/classic/global/icons/mdn.svg                        (../../shared/icons/mdn.svg)
   skin/classic/global/icons/more.svg                       (../../shared/icons/more.svg)
   skin/classic/global/icons/open-in-new.svg                (../../shared/icons/open-in-new.svg)