Bug 1435370 - Replace shape editor icon. r=pbro

MozReview-Commit-ID: B3XQrtwacF9

--HG--
extra : rebase_source : fc8f0c5fe82bb274c011aac89e75b6124802f791

devtools/client/jar.mn

@@ -206,6 +206,7 @@ devtools.jar:
     skin/images/gcli_sec_moderate.svg (themes/images/gcli_sec_moderate.svg)
     skin/images/globe.svg (themes/images/globe.svg)
     skin/images/sad-face.svg (themes/images/sad-face.svg)
+    skin/images/shape-swatch.svg (themes/images/shape-swatch.svg)
     skin/images/tool-options.svg (themes/images/tool-options.svg)
     skin/images/tool-webconsole.svg (themes/images/tool-webconsole.svg)
     skin/images/tool-canvas.svg (themes/images/tool-canvas.svg)

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

@@ -0,0 +1,30 @@
+<!-- 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 width="16" height="16" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="context-fill #0b0b0b">
+    <defs>
+        <circle id="path-1" cx="9" cy="4" r="2"></circle>
+        <circle id="path-2" cx="2.5" cy="4" r="2"></circle>
+        <circle id="path-3" cx="2.5" cy="10.5" r="2"></circle>
+        <circle id="path-4" cx="12.5" cy="10.5" r="2"></circle>
+    </defs>
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6.3,4 L2.83333333,10.5 L12.5,10.5 L12.5,4 L6.3,4 Z" stroke="context-fill" transform="translate(7.500000, 7.250000) scale(-1, 1) translate(-7.500000, -7.250000) "></path>
+        <g transform="translate(9.000000, 4.000000) scale(-1, 1) translate(-9.000000, -4.000000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="9" cy="4" r="1.5"></circle>
+        </g>
+        <g transform="translate(2.500000, 4.000000) scale(-1, 1) translate(-2.500000, -4.000000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-2"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="2.5" cy="4" r="1.5"></circle>
+        </g>
+        <g transform="translate(2.500000, 10.500000) scale(-1, 1) translate(-2.500000, -10.500000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="2.5" cy="10.5" r="1.5"></circle>
+        </g>
+        <g transform="translate(12.500000, 10.500000) scale(-1, 1) translate(-12.500000, -10.500000) ">
+            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
+            <circle stroke="context-fill" stroke-width="1" cx="12.5" cy="10.5" r="1.5"></circle>
+        </g>
+    </g>
+</svg>

devtools/client/themes/rules.css

@@ -464,11 +464,11 @@
 }
 
 .ruleview-shapeswatch {
-  background: url("chrome://devtools/skin/images/tool-shadereditor.svg");
+  background: url("chrome://devtools/skin/images/shape-swatch.svg");
   -moz-context-properties: fill;
   fill: var(--rule-shape-toggle-color);
   border-radius: 0;
-  background-size: 1em;
+  background-size: 110% 110%;
   box-shadow: none;
 }