Bug 1216654 - Clean up SVGs in JSON viewer. r=honza
authorSJW <sjw@gmx.ch>
Thu, 26 Nov 2015 11:19:36 +0100
changeset 309199 d254257e02b0935d70d7149f1c70a459ad1367f4
parent 309198 7a9e01e904b0c121b5362a0480bcdfd51d90a49c
child 309200 69ac60b9dec25d993075037eb1efd5e740cbf127
push id5513
push userraliiev@mozilla.com
push dateMon, 25 Jan 2016 13:55:34 +0000
treeherdermozilla-beta@5ee97dd05b5c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewershonza
bugs1216654
milestone45.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1216654 - Clean up SVGs in JSON viewer. r=honza
devtools/client/jsonview/css/read-only-prop.svg
devtools/client/jsonview/css/search.svg
devtools/client/jsonview/css/twisty-closed.svg
devtools/client/jsonview/css/twisty-open.svg
--- a/devtools/client/jsonview/css/read-only-prop.svg
+++ b/devtools/client/jsonview/css/read-only-prop.svg
@@ -1,256 +1,32 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- 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:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   width="12"
-   height="12"
-   id="svg2">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient3892">
-      <stop
-         id="stop3894"
-         style="stop-color:#787878;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3896"
-         style="stop-color:#b4b4b4;stop-opacity:1"
-         offset="1" />
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="c">
+      <stop offset="0" stop-color="#787878"/>
+      <stop offset="1" stop-color="#b4b4b4"/>
     </linearGradient>
-    <linearGradient
-       id="linearGradient3765">
-      <stop
-         id="stop3767"
-         style="stop-color:#505050;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3769"
-         style="stop-color:#787878;stop-opacity:1"
-         offset="1" />
+    <linearGradient id="d">
+      <stop offset="0" stop-color="#505050"/>
+      <stop offset="1" stop-color="#787878"/>
     </linearGradient>
-    <linearGradient
-       id="linearGradient3757">
-      <stop
-         id="stop3759"
-         style="stop-color:#c8c8c8;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3761"
-         style="stop-color:#dcdcdc;stop-opacity:1"
-         offset="1" />
-    </linearGradient>
-    <linearGradient
-       id="linearGradient3765-6">
-      <stop
-         id="stop3767-0"
-         style="stop-color:#a0a0a0;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3769-4"
-         style="stop-color:#c8c8c8;stop-opacity:1"
-         offset="1" />
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#c8c8c8"/>
+      <stop offset="1" stop-color="#dcdcdc"/>
     </linearGradient>
-    <linearGradient
-       x1="11.376831"
-       y1="1052.0852"
-       x2="4.5592546"
-       y2="1040.6658"
-       id="linearGradient3830"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.87012989,0,0,0.82456145,1.0389611,183.57212)" />
-    <linearGradient
-       x1="8.8415442"
-       y1="1053.3849"
-       x2="1.9174434"
-       y2="1041.9227"
-       id="linearGradient3832"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.87012989,0,0,0.82456145,1.0389611,183.57212)" />
-    <linearGradient
-       x1="8.6370001"
-       y1="4.3111062"
-       x2="6.3403625"
-       y2="0.58274388"
-       id="linearGradient3861"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.89600004,0,0,0.97745455,0.83199985,0.9945)" />
-    <linearGradient
-       x1="7.1882658"
-       y1="5.0780835"
-       x2="4.9555426"
-       y2="1.392331"
-       id="linearGradient3866"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.89600004,0,0,0.97745455,0.83199985,0.9945)" />
-    <linearGradient
-       x1="9.3919191"
-       y1="12.115811"
-       x2="7.4015098"
-       y2="7.4140091"
-       id="linearGradient3909"
-       xlink:href="#linearGradient3892"
-       gradientUnits="userSpaceOnUse" />
-    <linearGradient
-       x1="8.5397177"
-       y1="12.497831"
-       x2="6.6080809"
-       y2="7.825417"
-       id="linearGradient3917"
-       xlink:href="#linearGradient3765"
-       gradientUnits="userSpaceOnUse" />
-    <linearGradient
-       x1="8.5397177"
-       y1="12.497831"
-       x2="6.6080809"
-       y2="7.825417"
-       id="linearGradient3039"
-       xlink:href="#linearGradient3765"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.71428573,0,0,0.71492245,0.28571425,0.27617311)" />
-    <linearGradient
-       x1="9.3919191"
-       y1="12.115811"
-       x2="7.4015098"
-       y2="7.4140091"
-       id="linearGradient3041"
-       xlink:href="#linearGradient3892"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.71428573,0,0,0.71492245,0.28571425,0.27617311)" />
-    <linearGradient
-       x1="11.376831"
-       y1="1052.0852"
-       x2="4.5592546"
-       y2="1040.6658"
-       id="linearGradient3044"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.62152136,0,0,0.58949749,1.0278293,-609.4026)" />
-    <linearGradient
-       x1="8.8415442"
-       y1="1053.3849"
-       x2="1.9174434"
-       y2="1041.9227"
-       id="linearGradient3046"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.62152136,0,0,0.58949749,1.0278293,-609.4026)" />
-    <linearGradient
-       x1="8.6370001"
-       y1="4.3111062"
-       x2="6.3403625"
-       y2="0.58274388"
-       id="linearGradient3049"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.64000004,0,0,0.6988042,0.87999987,0.98716349)" />
-    <linearGradient
-       x1="7.1882658"
-       y1="5.0780835"
-       x2="4.9555426"
-       y2="1.392331"
-       id="linearGradient3051"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.64000004,0,0,0.6988042,0.87999987,0.98716349)" />
-    <linearGradient
-       x1="8.6370001"
-       y1="4.3111062"
-       x2="6.3403625"
-       y2="0.58274388"
-       id="linearGradient3826"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.64000004,0,0,0.6988042,0.87999987,0.98716349)" />
-    <linearGradient
-       x1="7.1882658"
-       y1="5.0780835"
-       x2="4.9555426"
-       y2="1.392331"
-       id="linearGradient3828"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.64000004,0,0,0.6988042,0.87999987,0.98716349)" />
-    <linearGradient
-       x1="11.376831"
-       y1="1052.0852"
-       x2="4.5592546"
-       y2="1040.6658"
-       id="linearGradient3831"
-       xlink:href="#linearGradient3757"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.62152136,0,0,0.58949749,1.0278293,-609.4026)" />
-    <linearGradient
-       x1="8.8415442"
-       y1="1053.3849"
-       x2="1.9174434"
-       y2="1041.9227"
-       id="linearGradient3833"
-       xlink:href="#linearGradient3765-6"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.62152136,0,0,0.58949749,1.0278293,-609.4026)" />
-    <linearGradient
-       x1="8.5397177"
-       y1="12.497831"
-       x2="6.6080809"
-       y2="7.825417"
-       id="linearGradient3835"
-       xlink:href="#linearGradient3765"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.71428573,0,0,0.71492245,0.28571425,0.27617311)" />
-    <linearGradient
-       x1="9.3919191"
-       y1="12.115811"
-       x2="7.4015098"
-       y2="7.4140091"
-       id="linearGradient3837"
-       xlink:href="#linearGradient3892"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(0.71428573,0,0,0.71492245,0.28571425,0.27617311)" />
+    <linearGradient id="b">
+      <stop offset="0" stop-color="#a0a0a0"/>
+      <stop offset="1" stop-color="#c8c8c8"/>
+    </linearGradient>
+    <linearGradient id="e" x1="8.637" x2="6.34" y1="4.311" y2=".583" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6 0 0 .7 .9 1)"/>
+    <linearGradient id="f" x1="7.188" x2="4.956" y1="5.078" y2="1.392" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6 0 0 .7 .9 1)"/>
+    <linearGradient id="g" x1="11.377" x2="4.559" y1="1052.085" y2="1040.666" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6 0 0 .6 1 -609.4)"/>
+    <linearGradient id="h" x1="8.842" x2="1.917" y1="1053.385" y2="1041.923" xlink:href="#b" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.6 0 0 .6 1 -609.4)"/>
+    <linearGradient id="i" x1="8.54" x2="6.608" y1="12.498" y2="7.825" xlink:href="#d" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.7 0 0 .7 .3 .3)"/>
+    <linearGradient id="j" x1="9.392" x2="7.402" y1="12.116" y2="7.414" xlink:href="#c" gradientUnits="userSpaceOnUse" gradientTransform="matrix(.7 0 0 .7 .3 .3)"/>
   </defs>
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     transform="matrix(1.1910164,0,0,1.1910639,-1.146234,-1.1462857)"
-     id="g3821">
-    <path
-       d="m 6.0000001,1.2145088 c -1.6317576,0 -2.9446627,1.2860444 -2.9910715,2.9043725 0.1136269,-0.018496 0.2381347,-0.044683 0.3571429,-0.044683 l 0.9375,0 c 0.082361,-0.8799332 0.7978203,-1.6532581 1.6964286,-1.6532581 0.8986083,0 1.6140679,0.7733249 1.6964286,1.6532581 l 0.9375,0 c 0.1190079,0 0.2435157,0.026187 0.3571429,0.044683 C 8.944663,2.5005532 7.6317573,1.2145088 6.0000001,1.2145088 z"
-       id="path3773"
-       style="fill:url(#linearGradient3826);fill-opacity:1;stroke:url(#linearGradient3828);stroke-width:0.50376141;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
-    <rect
-       width="9.5714283"
-       height="6.7202706"
-       rx="1.679238"
-       ry="1.6791711"
-       x="1.2142856"
-       y="4.0652847"
-       id="rect2987-9"
-       style="fill:url(#linearGradient3831);fill-opacity:1;stroke:url(#linearGradient3833);stroke-width:0.50376141;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
-    <path
-       d="m 6.0000001,5.5040435 c -0.6706315,0 -1.2053572,0.5352023 -1.2053572,1.2064317 0,0.5619236 0.3753047,1.0226472 0.8928572,1.1617489 l 0,1.4745276 0.625,0 0,-1.4745276 C 6.8300525,7.7331224 7.2053573,7.2723988 7.2053573,6.7104752 c 0,-0.6712294 -0.5347257,-1.2064317 -1.2053572,-1.2064317 z"
-       id="path3898"
-       style="fill:url(#linearGradient3835);fill-opacity:1;stroke:url(#linearGradient3837);stroke-width:0.33584094;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
-  </g>
+  <path fill="url(#e)" stroke="url(#f)" stroke-width=".504" d="M6 1.215c-1.632 0-2.945 1.286-2.99 2.904.113-.02.237-.046.356-.046h.938C4.386 3.194 5.1 2.42 6 2.42c.9 0 1.614.774 1.696 1.654h.938c.12 0 .243.026.357.045C8.946 2.5 7.633 1.214 6 1.214z" stroke-linejoin="round" transform="matrix(1.2 0 0 1.2 -1.1 -1.1)"/>
+  <rect width="9.571" height="6.72" x="1.214" y="4.065" fill="url(#g)" stroke="url(#h)" stroke-width=".504" rx="1.679" ry="1.679" stroke-linejoin="round" transform="matrix(1.2 0 0 1.2 -1.1 -1.1)"/>
+  <path fill="url(#i)" stroke="url(#j)" stroke-width=".336" d="M6 5.504c-.67 0-1.205.535-1.205 1.206 0 .562.375 1.023.893 1.162v1.475h.625V7.872c.517-.14.892-.6.892-1.162 0-.67-.534-1.206-1.205-1.206z" stroke-linejoin="round" transform="matrix(1.2 0 0 1.2 -1.1 -1.1)"/>
 </svg>
--- a/devtools/client/jsonview/css/search.svg
+++ b/devtools/client/jsonview/css/search.svg
@@ -1,88 +1,22 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- 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:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   width="16"
-   height="16"
-   id="svg2">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient3841">
-      <stop
-         id="stop3843"
-         style="stop-color:#427dc2;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3845"
-         style="stop-color:#5e9fce;stop-opacity:1"
-         offset="1" />
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#427dc2"/>
+      <stop offset="1" stop-color="#5e9fce"/>
     </linearGradient>
-    <linearGradient
-       id="linearGradient3795">
-      <stop
-         id="stop3797"
-         style="stop-color:#2f5d93;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3799"
-         style="stop-color:#3a87bd;stop-opacity:0.99215686"
-         offset="1" />
+    <linearGradient id="b">
+      <stop offset="0" stop-color="#2f5d93"/>
+      <stop offset="1" stop-color="#3a87bd"/>
     </linearGradient>
-    <filter
-       x="-0.1195599"
-       y="-0.12044335"
-       width="1.2391198"
-       height="1.2408867"
-       color-interpolation-filters="sRGB"
-       id="filter2984">
-      <feGaussianBlur
-         id="feGaussianBlur2986"
-         stdDeviation="0.63671875" />
+    <filter id="c" width="1.239" height="1.241" x="-.12" y="-.12" color-interpolation-filters="sRGB">
+      <feGaussianBlur stdDeviation=".637"/>
     </filter>
-    <linearGradient
-       x1="4.0935063"
-       y1="13.423457"
-       x2="4.0935063"
-       y2="2.742672"
-       id="linearGradient3800"
-       xlink:href="#linearGradient3841"
-       gradientUnits="userSpaceOnUse" />
-    <linearGradient
-       x1="8.7112017"
-       y1="13.579539"
-       x2="8.7112017"
-       y2="2.5663419"
-       id="linearGradient3808"
-       xlink:href="#linearGradient3795"
-       gradientUnits="userSpaceOnUse" />
+    <linearGradient id="d" x1="4.094" x2="4.094" y1="13.423" y2="2.743" xlink:href="#a" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="e" x1="8.711" x2="8.711" y1="13.58" y2="2.566" xlink:href="#b" gradientUnits="userSpaceOnUse"/>
   </defs>
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <path
-     d="m 10.140619,1.656256 c -2.3511382,0 -4.2500001,1.898862 -4.2500001,4.2500004 0,0.751994 0.189088,1.449383 0.53125,2.0625 l -4.8125,4.8124996 1.5625001,1.5625 4.7812499,-4.7812496 c 0.6402543,0.38528 1.3858221,0.5937496 2.1875001,0.5937496 2.351138,0 4.25,-1.8988616 4.25,-4.2499996 0,-2.3511384 -1.898862,-4.2500004 -4.25,-4.2500004 z m 0,1.53125 c 1.503797,0 2.71875,1.214953 2.71875,2.7187504 0,1.503798 -1.214953,2.71875 -2.71875,2.71875 -1.5037975,0 -2.7187501,-1.214952 -2.7187501,-2.71875 0,-1.5037974 1.2149526,-2.7187504 2.7187501,-2.7187504 z"
-     id="path3014-7"
-     style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:1.5;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter2984)" />
-  <path
-     d="M 10,2 C 7.7908609,2 6,3.7908609 6,6 6,6.8284272 6.2562027,7.6115959 6.6875,8.25 L 1.8125,13.125 2.875,14.1875 7.75,9.3125 C 8.3884041,9.7437973 9.1715728,10 10,10 12.209139,10 14,8.2091391 14,6 14,3.7908609 12.209139,2 10,2 z m 0,1 c 1.656854,0 3,1.3431458 3,3 0,1.6568542 -1.343146,3 -3,3 C 8.3431458,9 7,7.6568542 7,6 7,4.3431458 8.3431458,3 10,3 z"
-     id="path2994"
-     style="fill:url(#linearGradient3800);fill-opacity:1;stroke:url(#linearGradient3808);stroke-width:0.60000002;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none" />
+  <path fill="#fff" stroke="#fff" stroke-width="1.5" d="M10.14 1.656c-2.35 0-4.25 1.9-4.25 4.25 0 .752.19 1.45.532 2.063L1.61 12.78l1.562 1.564 4.78-4.78c.64.384 1.387.592 2.19.592 2.35 0 4.25-1.9 4.25-4.25s-1.9-4.25-4.25-4.25zm0 1.532c1.504 0 2.72 1.214 2.72 2.718s-1.216 2.72-2.72 2.72c-1.503 0-2.718-1.216-2.718-2.72 0-1.504 1.215-2.718 2.72-2.718z" stroke-linejoin="round" filter="url(#c)"/>
+  <path fill="url(#d)" stroke="url(#e)" stroke-width=".6" d="M10 2C7.79 2 6 3.79 6 6c0 .828.256 1.612.688 2.25l-4.875 4.875 1.062 1.063L7.75 9.31C8.388 9.745 9.172 10 10 10c2.21 0 4-1.79 4-4s-1.79-4-4-4zm0 1c1.657 0 3 1.343 3 3s-1.343 3-3 3-3-1.343-3-3 1.343-3 3-3z" stroke-linejoin="round"/>
 </svg>
--- a/devtools/client/jsonview/css/twisty-closed.svg
+++ b/devtools/client/jsonview/css/twisty-closed.svg
@@ -1,82 +1,14 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- 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:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   width="11"
-   height="11"
-   id="svg2">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient3792">
-      <stop
-         id="stop3795"
-         style="stop-color:#c3baaa;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3797"
-         style="stop-color:#ffffff;stop-opacity:1"
-         offset="1" />
+<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#c3baaa"/>
+      <stop offset="1" stop-color="#fff"/>
     </linearGradient>
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient3799"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient2992"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient2996"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+    <linearGradient id="b" x1="6.053" x2="2.888" y1="7.093" y2="1.8" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="translate(.9 .9)"/>
   </defs>
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <rect
-     width="8"
-     height="8"
-     rx="1"
-     ry="1"
-     x="1.5"
-     y="1.5"
-     id="rect3022"
-     style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
-  <path
-     d="M 5,3 5,5 3,5 3,6 5,6 5,8 6,8 6,6 8,6 8,5 6,5 6,3 5,3 z"
-     id="rect3801"
-     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect width="8" height="8" x="1.5" y="1.5" fill="url(#b)" stroke="#7898b5" rx="1" ry="1" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M5 3v2H3v1h2v2h1V6h2V5H6V3H5z"/>
 </svg>
--- a/devtools/client/jsonview/css/twisty-open.svg
+++ b/devtools/client/jsonview/css/twisty-open.svg
@@ -1,85 +1,14 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- 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:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   width="11"
-   height="11"
-   id="svg2">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient3792">
-      <stop
-         id="stop3795"
-         style="stop-color:#c3baaa;stop-opacity:1"
-         offset="0" />
-      <stop
-         id="stop3797"
-         style="stop-color:#ffffff;stop-opacity:1"
-         offset="1" />
+<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <defs>
+    <linearGradient id="a">
+      <stop offset="0" stop-color="#c3baaa"/>
+      <stop offset="1" stop-color="#fff"/>
     </linearGradient>
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient3799"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient2992"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,-0.11538478,1.8846152)" />
-    <linearGradient
-       x1="6.0530181"
-       y1="7.092885"
-       x2="2.8882971"
-       y2="1.7999334"
-       id="linearGradient2996"
-       xlink:href="#linearGradient3792"
-       gradientUnits="userSpaceOnUse"
-       gradientTransform="matrix(1.0256411,0,0,1.0256411,0.88461522,0.8846152)" />
+    <linearGradient id="b" x1="6.053" x2="2.888" y1="7.093" y2="1.8" xlink:href="#a" gradientUnits="userSpaceOnUse" gradientTransform="translate(.9 .9)"/>
   </defs>
-  <metadata
-     id="metadata7">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <rect
-     width="8"
-     height="8"
-     rx="1"
-     ry="1"
-     x="1.5"
-     y="1.5"
-     id="rect3022"
-     style="fill:url(#linearGradient2996);fill-opacity:1;stroke:#7898b5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
-  <rect
-     width="5"
-     height="1"
-     x="3"
-     y="5"
-     id="rect3801"
-     style="fill:#000000;fill-opacity:1;stroke:none" />
+  <rect width="8" height="8" x="1.5" y="1.5" fill="url(#b)" stroke="#7898b5" rx="1" ry="1" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M3 5h5v1H3z"/>
 </svg>