Bug 1490491 - Part 4: replace 2 png icons, remove 2 unused; r=pbro

Depends on D5954

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

--HG--
extra : moz-landing-system : lando

devtools/client/jar.mn

@@ -239,14 +239,12 @@ devtools.jar:
     skin/images/vview-open-inspector@2x.png (themes/images/vview-open-inspector@2x.png)
     skin/images/sort-ascending-arrow.svg (themes/images/sort-ascending-arrow.svg)
     skin/images/sort-descending-arrow.svg (themes/images/sort-descending-arrow.svg)
-    skin/images/cubic-bezier-swatch.png (themes/images/cubic-bezier-swatch.png)
-    skin/images/cubic-bezier-swatch@2x.png (themes/images/cubic-bezier-swatch@2x.png)
+    skin/images/cubic-bezier-swatch.svg (themes/images/cubic-bezier-swatch.svg)
     skin/fonts.css (themes/fonts.css)
     skin/changes.css (themes/changes.css)
     skin/computed.css (themes/computed.css)
     skin/layout.css (themes/layout.css)
-    skin/images/arrow-e.png (themes/images/arrow-e.png)
-    skin/images/arrow-e@2x.png (themes/images/arrow-e@2x.png)
+    skin/images/arrow-e.svg (themes/images/arrow-e.svg)
     skin/images/search-clear-failed.svg (themes/images/search-clear-failed.svg)
     skin/images/search-clear-light.svg (themes/images/search-clear-light.svg)
     skin/images/search-clear-dark.svg (themes/images/search-clear-dark.svg)

devtools/client/themes/computed.css

@@ -92,22 +92,22 @@
   outline: 0 !important;
 }
 
-.computed-other-property-value {
-  background-image: url(images/arrow-e.png);
+.computed-other-property-value::before {
+  content: "";
+  display: inline-block;
+  vertical-align: -0.5px;
+  width: 8px;
+  height: 8px;
+  margin: 0 1px;
+  background-image: url(images/arrow-e.svg);
   background-repeat: no-repeat;
-  background-size: 5px 8px;
-  background-position: left center;
-  padding-inline-start: 8px;
+  background-size: contain;
+  -moz-context-properties: fill;
+  fill: var(--theme-body-color-inactive);
 }
 
-.computed-other-property-value:dir(rtl) {
-  background-position-x: right;
-}
-
-@media (min-resolution: 1.1dppx) {
-  .computed-other-property-value {
-    background-image: url(images/arrow-e@2x.png);
-  }
+.computed-other-property-value:dir(rtl)::before {
+  transform: scaleX(-1);
 }
 
 .computed-property-value {

devtools/client/themes/images/angle-swatch.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <!-- 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/. -->

devtools/client/themes/images/arrow-e.svg

@@ -0,0 +1,6 @@
+<!-- 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/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8">
+  <path stroke="context-fill #0b0b0b" stroke-width="1.5" d="M2.5 1.2l3 2.8-3 2.8" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

devtools/client/themes/images/cubic-bezier-swatch.svg

@@ -0,0 +1,7 @@
+<!-- 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/. -->
+<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="6" cy="6" r="6" fill="#fff"/>
+  <path d="M7 .5C4 3 4.1 5.4 5.6 6.4S7 9 5 11.5C8 9 7.9 6.6 6.4 5.6S5 3 7 .5z" stroke="#808080" stroke-width=".5" fill="#808080" fill-rule="nonzero" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

devtools/client/themes/images/filter-swatch.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <!-- 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/. -->

devtools/client/themes/images/search-clear-dark.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/search-clear-failed.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/search-clear-light.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/security-state-broken.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/security-state-insecure.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/security-state-secure.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/images/security-state-weak.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->

devtools/client/themes/rules.css

@@ -463,7 +463,7 @@
 }
 
 .ruleview-bezierswatch {
-  background: url("chrome://devtools/skin/images/cubic-bezier-swatch.png");
+  background: url("chrome://devtools/skin/images/cubic-bezier-swatch.svg");
   background-size: 1em;
 }
 
@@ -488,13 +488,6 @@
   height: 1.45em;
 }
 
-@media (min-resolution: 1.1dppx) {
-  .ruleview-bezierswatch {
-    background: url("chrome://devtools/skin/images/cubic-bezier-swatch@2x.png");
-    background-size: 1em;
-  }
-}
-
 .ruleview-overridden {
   text-decoration: line-through;
 }

devtools/client/webide/themes/rocket.svg

@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
 <!-- 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/. -->