Bug 1205046 - Replace devtools panel icons with new ones;r=bgrins
authorHelen V. Holmes <helen.v.holmes@gmail.com>
Thu, 01 Oct 2015 17:16:15 -0700
changeset 265706 152c9db8a3701e82ca8e4fc52e6f72fa3ac363e2
parent 265705 08ae873336b7aeeb214818e46c8a2b3dc7beda86
child 265707 18960b8cb8e2a4853d0ad7f619c2420d3f7bdf57
push id66003
push usercbook@mozilla.com
push dateFri, 02 Oct 2015 11:37:40 +0000
treeherdermozilla-inbound@3fd732d24f46 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbgrins
bugs1205046
milestone44.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 1205046 - Replace devtools panel icons with new ones;r=bgrins
devtools/client/definitions.js
devtools/client/jar.mn
devtools/client/themes/images/tool-canvas.svg
devtools/client/themes/images/tool-debugger-paused.svg
devtools/client/themes/images/tool-debugger.svg
devtools/client/themes/images/tool-inspector.svg
devtools/client/themes/images/tool-network.svg
devtools/client/themes/images/tool-profiler-active.svg
devtools/client/themes/images/tool-profiler.svg
devtools/client/themes/images/tool-scratchpad.svg
devtools/client/themes/images/tool-shadereditor.svg
devtools/client/themes/images/tool-storage.svg
devtools/client/themes/images/tool-styleeditor.svg
devtools/client/themes/images/tool-webaudio.svg
devtools/client/themes/images/tool-webconsole.svg
--- a/devtools/client/definitions.js
+++ b/devtools/client/definitions.js
@@ -224,17 +224,17 @@ Tools.shaderEditor = {
     return new ShaderEditorPanel(iframeWindow, toolbox);
   }
 };
 
 Tools.canvasDebugger = {
   id: "canvasdebugger",
   ordinal: 6,
   visibilityswitch: "devtools.canvasdebugger.enabled",
-  icon: "chrome://devtools/skin/themes/images/tool-styleeditor.svg",
+  icon: "chrome://devtools/skin/themes/images/tool-canvas.svg",
   invertIconForLightTheme: true,
   url: "chrome://devtools/content/canvasdebugger/canvasdebugger.xul",
   label: l10n("ToolboxCanvasDebugger.label", canvasDebuggerStrings),
   panelLabel: l10n("ToolboxCanvasDebugger.panelLabel", canvasDebuggerStrings),
   tooltip: l10n("ToolboxCanvasDebugger.tooltip", canvasDebuggerStrings),
 
   // Hide the Canvas Debugger in the Add-on Debugger and Browser Toolbox
   // (bug 1047520).
--- a/devtools/client/jar.mn
+++ b/devtools/client/jar.mn
@@ -293,16 +293,17 @@ devtools.jar:
     skin/themes/images/dock-side@2x.png (themes/images/dock-side@2x.png)
 *   skin/themes/floating-scrollbars.css (themes/floating-scrollbars.css)
     skin/themes/floating-scrollbars-light.css (themes/floating-scrollbars-light.css)
 *   skin/themes/inspector.css (themes/inspector.css)
     skin/themes/images/profiler-stopwatch.svg (themes/images/profiler-stopwatch.svg)
     skin/themes/images/profiler-stopwatch-checked.svg (themes/images/profiler-stopwatch-checked.svg)
     skin/themes/images/tool-options.svg (themes/images/tool-options.svg)
     skin/themes/images/tool-webconsole.svg (themes/images/tool-webconsole.svg)
+    skin/themes/images/tool-canvas.svg (themes/images/tool-canvas.svg)
     skin/themes/images/tool-debugger.svg (themes/images/tool-debugger.svg)
     skin/themes/images/tool-debugger-paused.svg (themes/images/tool-debugger-paused.svg)
     skin/themes/images/tool-inspector.svg (themes/images/tool-inspector.svg)
     skin/themes/images/tool-shadereditor.svg (themes/images/tool-shadereditor.svg)
     skin/themes/images/tool-styleeditor.svg (themes/images/tool-styleeditor.svg)
     skin/themes/images/tool-storage.svg (themes/images/tool-storage.svg)
     skin/themes/images/tool-profiler.svg (themes/images/tool-profiler.svg)
     skin/themes/images/tool-profiler-active.svg (themes/images/tool-profiler-active.svg)
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/tool-canvas.svg
@@ -0,0 +1,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/. -->
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path opacity="0.2" d="M6.9 7.3h26l-.1 25.9-25.9-.1z"/>
+    <path opacity="0.5" d="M13 8.7H9.1c-.2 0-.4.2-.4.4V13c0 .2.2.4.4.4H13c.2 0 .4-.2.4-.4V9.1c0-.2-.2-.4-.4-.4zM13 17.9H9.1c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4H13c.2 0 .4-.2.4-.4v-3.9c0-.2-.2-.4-.4-.4zM13 27.1H9.1c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4H13c.2 0 .4-.2.4-.4v-3.9c0-.3-.2-.4-.4-.4zM17.6 13.3h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c0-.2-.2-.4-.4-.4zM17.6 22.5h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c0-.3-.2-.4-.4-.4zM22.2 8.7h-3.9c-.2 0-.4.2-.4.4V13c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4V9.1c-.1-.2-.2-.4-.4-.4zM22.2 17.9h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c-.1-.2-.2-.4-.4-.4zM22.2 27.1h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c0-.3-.2-.4-.4-.4zM26.8 13.3h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c-.1-.2-.2-.4-.4-.4zM26.8 22.5h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c-.1-.3-.2-.4-.4-.4zM31.4 8.7h-3.9c-.2 0-.4.2-.4.4V13c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4V9.1c-.1-.2-.2-.4-.4-.4zM31.4 17.9h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c-.1-.2-.2-.4-.4-.4zM31.4 27.1h-3.9c-.2 0-.4.2-.4.4v3.9c0 .2.2.4.4.4h3.9c.2 0 .4-.2.4-.4v-3.9c-.1-.3-.2-.4-.4-.4z"/>
+    <path d="M34.1 5.3H5.9c-.4 0-.6.3-.6.6V34c0 .4.3.6.6.6h28.2c.4 0 .6-.3.6-.6V5.9c0-.3-.3-.6-.6-.6zm-2.9 25.9H9.3L9.2 9h22.1v22.2z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-debugger-paused.svg
+++ b/devtools/client/themes/images/tool-debugger-paused.svg
@@ -1,6 +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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path fill="#71c054" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="green">
+    <path d="M20 4.1c-8.8 0-15.9 7-15.9 15.9s7 15.9 15.9 15.9 15.9-7 15.9-15.9S28.8 4.1 20 4.1zm0 27.2c-6.3 0-11.3-5-11.3-11.3S13.7 8.7 20 8.7s11.3 5 11.3 11.3-5 11.3-11.3 11.3z"/>
+    <path d="M27.8 19.1l-3.5-3.5c-.3-.3-.6-.4-.9-.4h-9.8c-.3 0-.6.3-.6.6l.1 8.3c0 .3.3.6.6.6h10.1l.6-.3 3.5-3.5c.4-.6.4-1.3-.1-1.8z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-debugger.svg
+++ b/devtools/client/themes/images/tool-debugger.svg
@@ -1,10 +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 width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <g fill="#edf0f1" fill-rule="evenodd">
-    <path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
-    <path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
-    <path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M20 4.1c-8.8 0-15.9 7-15.9 15.9s7 15.9 15.9 15.9 15.9-7 15.9-15.9S28.8 4.1 20 4.1zm0 27.2c-6.3 0-11.3-5-11.3-11.3S13.7 8.7 20 8.7s11.3 5 11.3 11.3-5 11.3-11.3 11.3z"/>
+    <path d="M15.5 13.2c1.4 0 2.3.9 2.3 2.3v9.1c0 1.4-.9 2.3-2.3 2.3s-2.3-.9-2.3-2.3v-9.1c0-1.4.9-2.3 2.3-2.3zM24.5 13.2c1.4 0 2.3.9 2.3 2.3v9.1c0 1.4-.9 2.3-2.3 2.3s-2.3-.9-2.3-2.3v-9.1c.1-1.4 1-2.3 2.3-2.3z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-inspector.svg
+++ b/devtools/client/themes/images/tool-inspector.svg
@@ -1,12 +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 width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
-  <path fill="#eef0f2" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
-  <g opacity=".8">
-    <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
-    <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
-    <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
-    <path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M36.1 18h-2V9.6c0-1.5-1.2-2.6-2.6-2.6h-9V5c0-1.1-.9-2.1-2.1-2.1-1.1 0-2.1.9-2.1 2.1v2H8.5C7 6.9 5.9 8.1 5.9 9.6V18h-2c-1.1 0-2.1.9-2.1 2.1 0 1.1.9 2.1 2.1 2.1h2v8.4c0 1.5 1.2 2.6 2.6 2.6h9.8v2c0 1.1.9 2 2.1 2 1.1 0 2.1-.9 2.1-2v-2h9c1.5 0 2.6-1.2 2.6-2.6v-8.4h2c1.1 0 2.1-.9 2.1-2.1s-1-2.1-2.1-2.1zm-6.6 10.4H10.9v-17h18.6v17z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-network.svg
+++ b/devtools/client/themes/images/tool-network.svg
@@ -1,39 +1,9 @@
 <!-- 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="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16">
-  <g fill="#edf0f1" fill-rule="evenodd">
-    <path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
-    <path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
-  </g>
-  <g opacity=".7">
-    <g opacity=".75">
-      <path fill="#edf0f1" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
-    </g>
-    <g opacity=".85">
-      <path fill="#edf0f1" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
-    </g>
-  </g>
-  <g opacity=".75">
-    <path fill="#edf0f1" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
-  </g>
-  <g opacity=".85">
-    <path fill="#edf0f1" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
-  </g>
-  <g opacity=".7">
-    <g opacity=".75">
-      <path fill="#edf0f1" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
-    </g>
-    <g opacity=".85">
-      <path fill="#edf0f1" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
-    </g>
-  </g>
-  <g opacity=".05" fill="#edf0f1" fill-rule="evenodd">
-    <path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
-    <path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
-    <path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
-    <path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
-    <path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
-    <path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M28.2 10.6H4.6c-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9h23.6c1 0 1.9.8 1.9 1.9s-.8 1.9-1.9 1.9z"/>
+    <path opacity="0.75" d="M35.4 18.1H16.7c-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9h18.7c1 0 1.9.8 1.9 1.9s-.9 1.9-1.9 1.9z"/>
+    <path d="M21 25.6h-8.7c-1 0-1.9-.8-1.9-1.9s.8-1.9 1.9-1.9H21c1 0 1.9.8 1.9 1.9s-.9 1.9-1.9 1.9z"/>
+    <path opacity="0.75" d="M12.3 33.2H6.4c-1 0-1.9-.8-1.9-1.9 0-1 .8-1.9 1.9-1.9h5.9c1 0 1.9.8 1.9 1.9 0 1.1-.8 1.9-1.9 1.9z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-profiler-active.svg
+++ b/devtools/client/themes/images/tool-profiler-active.svg
@@ -1,17 +1,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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill="#71c054" fill-rule="evenodd">
-    <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
-    <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
-    <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
-    <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
-    <g opacity=".3">
-      <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
-      <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
-      <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
-      <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
-    </g>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="#71c054">
+    <path d="M17.6 18.4c-.7.2-1.3.9-1.5 1.6-.2 1.2.6 2.3 1.7 2.5.8.1 1.5-.2 2-.7l6-6.9-8.2 3.5z"/>
+    <path d="M12.3 24.5c1.6 2.7 4.5 4.5 7.7 4.5 3.4 0 6.1-1.8 7.7-4.5H12.3z"/>
+    <path d="M20 4.3c-8.8 0-15.9 7-15.9 15.7 0 8.8 7 15.7 15.9 15.7 8.8 0 15.9-7 15.9-15.7 0-8.8-7.1-15.7-15.9-15.7zm-.2 26.9c-6 0-10.7-4.4-11.3-10.1H9.9c1.4 0 2.3-.9 2.3-2.2 0-1.3-.9-2.2-2.3-2.2h-1c.6-2.1 1.9-3.9 3.5-5.3l.5.8c.6 1.2 1.9 1.6 3.1.9s1.6-1.8.9-3l-.5-.9c1-.3 2.1-.5 3.3-.5 1.3 0 2.5.2 3.7.6l-.4 1c-.6 1.2-.3 2.4.9 3s2.4.3 3.1-.9l.4-.7c1.5 1.3 2.6 3 3.2 5h-.9c-1.4 0-2.3.9-2.3 2.2 0 1.3.9 2.2 2.3 2.2H31.1c-.6 5.8-5.4 10.1-11.3 10.1z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-profiler.svg
+++ b/devtools/client/themes/images/tool-profiler.svg
@@ -1,17 +1,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/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <g fill="#edf0f1" fill-rule="evenodd">
-    <path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
-    <path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
-    <path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
-    <path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
-    <g opacity=".3">
-      <path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
-      <path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
-      <path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
-      <path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
-    </g>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M17.6 18.4c-.7.2-1.3.9-1.5 1.6-.2 1.2.6 2.3 1.7 2.5.8.1 1.5-.2 2-.7l6-6.9-8.2 3.5z"/>
+    <path opacity="0.5" d="M12.3 24.5c1.6 2.7 4.5 4.5 7.7 4.5 3.4 0 6.1-1.8 7.7-4.5H12.3z"/>
+    <path d="M20 4.3c-8.8 0-15.9 7-15.9 15.7 0 8.8 7 15.7 15.9 15.7 8.8 0 15.9-7 15.9-15.7 0-8.8-7.1-15.7-15.9-15.7zm-.2 26.9c-6 0-10.7-4.4-11.3-10.1H9.9c1.4 0 2.3-.9 2.3-2.2 0-1.3-.9-2.2-2.3-2.2h-1c.6-2.1 1.9-3.9 3.5-5.3l.5.8c.6 1.2 1.9 1.6 3.1.9s1.6-1.8.9-3l-.5-.9c1-.3 2.1-.5 3.3-.5 1.3 0 2.5.2 3.7.6l-.4 1c-.6 1.2-.3 2.4.9 3s2.4.3 3.1-.9l.4-.7c1.5 1.3 2.6 3 3.2 5h-.9c-1.4 0-2.3.9-2.3 2.2 0 1.3.9 2.2 2.3 2.2H31.1c-.6 5.8-5.4 10.1-11.3 10.1z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-scratchpad.svg
+++ b/devtools/client/themes/images/tool-scratchpad.svg
@@ -1,9 +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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <g fill="#edf0f1" fill-rule="evenodd">
-    <path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
-    <path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M33.9 7.3h-1.2v2.2c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2v-.1c0 .6.6 1.1 1.2 1.1.7 0 1.2-.5 1.2-1.1v-5c0-.6-.6-1.1-1.2-1.1-.7 0-1.2.5-1.2 1.1v2.9h-5.4v2.2c0 1.2-1 2.2-2.2 2.2-1.4.2-2.4-.8-2.4-2.2v-.1c0 .6.6 1.1 1.2 1.1.7 0 1.2-.5 1.2-1.1v-5c0-.6-.6-1.1-1.2-1.1-.7 0-1.2.5-1.2 1.1v2.9H13v2.2c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.1.1.5.6.9 1.2.9.7 0 1.2-.5 1.2-1.1v-5c0-.6-.6-1.1-1.2-1.1s-1.3.5-1.3 1.1v2.9H6.1c-.6 0-1.2.4-1.2 1.2v25.6c0 .4.6 1 1.2 1H34c.6 0 1.2-.6 1.2-1.2V8.5c0-.8-.7-1.2-1.3-1.2zm-25 8.8h15.2c.7 0 1.2.6 1.2 1.2 0 .7-.6 1.2-1.2 1.2H8.9c-.7 0-1.2-.6-1.2-1.2s.5-1.2 1.2-1.2zm16.6 14.6H9.1c-.7 0-1.2-.6-1.2-1.2 0-.7.6-1.2 1.2-1.2h16.4c.7 0 1.2.6 1.2 1.2 0 .7-.5 1.2-1.2 1.2zm5.6-6H11.5c-.7 0-1.2-.6-1.2-1.2 0-.7.6-1.2 1.2-1.2h19.6c.7 0 1.2.6 1.2 1.2s-.5 1.2-1.2 1.2z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-shadereditor.svg
+++ b/devtools/client/themes/images/tool-shadereditor.svg
@@ -1,26 +1,9 @@
 <!-- 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" width="16" height="16" viewBox="0 0 16 16">
-  <rect x="2" y="2" width="12" height="12" fill="#edf0f1" fill-opacity=".1"/>
-  <polygon points="2,2 14,14 2,14" fill="#edf0f1" fill-opacity=".35"/>
-  <rect x="2.5" y="2.5" width="11" height="11" fill="none" stroke="#edf0f1" stroke-width="1"/>
-  <g fill="#edf0f1" fill-opacity=".65">
-    <polygon points="3,3 5,3 5,5"/>
-    <rect x="11" y="3" width="2" height="2"/>
-    <rect x="7" y="3" width="2" height="2"/>
-    <polygon points="5,5 7,5 7,7"/>
-    <rect x="9" y="5" width="2" height="2"/>
-    <polygon points="7,7 9,7 9,9"/>
-    <rect x="11" y="7" width="2" height="2"/>
-    <polygon points="9,9 11,9 11,11"/>
-    <polygon points="11,11 13,11 13,13"/>
-  </g>
-  <line x1="3" y1="3" x2="13" y2="13" stroke="#edf0f1" stroke-width="1"/>
-  <g fill="#edf0f1">
-    <circle cx="2" cy="2" r="1"/>
-    <circle cx="14" cy="2" r="1"/>
-    <circle cx="2" cy="14" r="1"/>
-    <circle cx="14" cy="14" r="1"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path opacity="0.2" d="M7.3 7.7l25.1 25.1-25.1-.1z"/>
+    <path d="M27.8 25.7l-13-13c-.7-.7-1.8-.7-2.5 0s-.7 1.8 0 2.5l12.9 12.9c.3.3.8.5 1.2.5.5 0 .9-.2 1.2-.5.9-.6.9-1.7.2-2.4z"/>
+    <path opacity="0.5" d="M27.5 12.5h-3.8c-.2 0-.3.2-.3.3v3.8c0 .2.2.3.3.3h3.8c.2 0 .3-.2.3-.3v-3.8c.1-.2-.1-.3-.3-.3zm.2 8.9h-3.8c-.1 0-.2.1-.3.1l4.3 4.3c.1-.1.1-.2.1-.3v-3.8c0-.2-.1-.3-.3-.3zm-4.5-4.6h-3.8c-.1 0-.2.1-.3.1l4.3 4.3c.1-.1.1-.2.1-.3v-3.8c0-.1-.1-.3-.3-.3zm-4.5-4.4h-3.8c-.1 0-.2.1-.3.1l4.3 4.3c.1-.1.1-.2.1-.3v-3.8c0-.1-.1-.3-.3-.3z"/>
+    <path d="M34.2 31.8V8.1c1.3 0 2.4-1.1 2.4-2.4s-1.1-2.4-2.4-2.4c-1.3 0-2.4 1.1-2.4 2.4H8.2c0-1.3-1.1-2.4-2.4-2.4-1.3 0-2.4 1.1-2.4 2.4 0 1.2.9 2.2 2 2.3v23.8c-1.1.2-2 1.2-2 2.3 0 1.3 1.1 2.4 2.4 2.4 1.2 0 2.2-.9 2.3-2h23.8c.2 1.1 1.2 2 2.3 2 1.3 0 2.4-1.1 2.4-2.4 0-1.2-1.1-2.3-2.4-2.3zm-4-1.2H9.5V9.8h20.7v20.8z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-storage.svg
+++ b/devtools/client/themes/images/tool-storage.svg
@@ -1,10 +1,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/. -->
-<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16">
-  <g fill="#edf0f1">
-    <path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
-    <path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
-    <path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M19.8 17.2c-14.1 0-13.5-4.4-13.5-5.3v-2c0-4 8-5 13.5-5 5.6 0 13.8 1.1 13.8 5v2c0 .9.3 5.3-13.8 5.3z"/>
+    <path d="M19.8 21.6c-14.4 0-13.5-4.9-13.5-4.9V21c0 .9-.6 5.5 13.3 5.5 14.3 0 14-4.6 14-5.5v-4c.1 0 .8 4.6-13.8 4.6z"/>
+    <path d="M19.8 30.4c-14.4 0-13.5-4.9-13.5-4.9v4.2c0 .9-.6 5.5 13.3 5.5 14.3 0 14-4.6 14-5.5v-3.9c.1 0 .8 4.6-13.8 4.6z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-styleeditor.svg
+++ b/devtools/client/themes/images/tool-styleeditor.svg
@@ -1,9 +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" width="17" height="16" viewBox="0 0 17 16">
-  <g fill="#edf0f1" fill-rule="evenodd">
-    <path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
-    <path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
-  </g>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M11 18.7c.3-.5.4-1.1.4-1.9v-5-.6c0-.2.1-.3.2-.4.1-.1.2-.2.4-.3.1-.1.4-.1.9-.1h.9c1.2 0 2.1-1 2.1-2.3 0-1.2-.9-2.2-2-2.3H11.1c-.7 0-1.3.1-1.8.3-.5 0-1 .3-1.4.8-.4.4-.8.9-1 1.6-.2.6-.3 1.4-.3 2.2v5.4c0 .4-.1.6-.3.8-.2.2-.5.4-.8.5-.3.1-.5.2-.8.2-.4 0 0 .1-.2.1h-.1c-1.1.1-1.9 1.1-1.9 2.2 0 1.2.8 2.1 1.9 2.2.2.1-.1 0 .3.1.3 0 .5.1.8.3.3.1.6.3.8.5.2.2.3.5.3.8v5.4c0 .9.1 1.6.4 2.2.2.6.6 1.2 1 1.6.4.4.9.7 1.5.9.6.2 1.2.3 1.8.3h3.1c1.2 0 2.1-1 2.1-2.3 0-1.2-.9-2.3-2.1-2.3h-1.3c-.5 0-.8-.1-.9-.1-.2-.1-.3-.2-.4-.3-.1-.1-.2-.3-.2-.4v-5.6c0-.8-.1-1.4-.4-1.9-.3-.5-.6-.9-.9-1.1-.3-.1-.4-.2-.5-.2.1-.1.2-.1.3-.2.4-.3.7-.7.9-1.1zM29 18.7c-.3-.5-.4-1.1-.4-1.9v-5-.6c0-.2-.1-.3-.2-.4-.1-.1-.2-.2-.4-.3-.1-.1-.4-.1-.9-.1h-.8-.1c-1.2 0-2.1-1-2.1-2.3 0-1.2.9-2.2 2-2.3H28.9c.7 0 1.3.1 1.8.3.6.2 1.1.5 1.5.9.4.4.8.9 1 1.6.2.6.3 1.4.3 2.2v5.4c0 .4.1.6.3.8.2.2.5.4.8.5.3.1.5.2.8.2.4 0 0 .1.2.1h.1c1.1.1 1.9 1.1 1.9 2.2 0 1.2-.8 2.1-1.9 2.2-.2.1.1 0-.3.1-.3 0-.5.1-.8.3-.3.1-.6.3-.8.5-.2.2-.3.5-.3.8v5.4c0 .9-.1 1.6-.4 2.2-.2.6-.6 1.2-1 1.6-.4.4-.9.7-1.5.9-.6.2-1.2.3-1.8.3h-3-.1c-1.2 0-2.1-1-2.1-2.3 0-1.2.9-2.3 2.1-2.3H27c.5 0 .8-.1.9-.1.2-.1.3-.2.4-.3.1-.1.2-.3.2-.4v-5.6c0-.8.1-1.4.4-1.9.3-.5.6-.9.9-1.1.1-.1.2-.1.3-.2-.1-.1-.2-.1-.3-.2-.3-.4-.6-.8-.8-1.2z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-webaudio.svg
+++ b/devtools/client/themes/images/tool-webaudio.svg
@@ -1,6 +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" width="16px" height="16px" viewBox="-6.167 -16.135 100 100">
-  <path fill="none" stroke="#edf0f1" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864  c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1  c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866  C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M32.4 34.7c-3.9 0-5.1-6.2-6.1-13.2-.1-.5-.1-.9-.2-1.1-.1-.3-.1-.7-.2-1.3-.7-5-1.4-7.4-1.8-8.6-.5 1.2-1.1 3.7-1.7 8.6-.1.6-.1 1-.2 1.3 0 .3-.1.7-.2 1.2-.9 6.9-2.1 13.2-6 13.2s-5.1-6.2-6.1-13.2c-.1-.5-.1-.9-.2-1.1-.1-.3-.1-.7-.2-1.3-.7-5-1.4-7.4-1.8-8.6-.5 1.2-1.1 3.7-1.8 8.9-.1.4-.1.8-.1 1-.2 1.2-1.3 2-2.4 1.8-1.2-.2-2-1.3-1.8-2.4 0-.2.1-.5.1-.9C2.7 10.2 4 5.3 7.6 5.3c3.9 0 5.1 6.2 6.1 13.2.1.5.1.9.2 1.2 0 .3.1.7.2 1.3.7 5 1.4 7.4 1.8 8.7.5-1.2 1.1-3.7 1.7-8.6.1-.6.1-1 .2-1.3 0-.3.1-.7.2-1.2.9-6.9 2.1-13.2 6-13.2s5.1 6.2 6.1 13.2c.1.5.1.9.2 1.2 0 .3.1.7.2 1.3.7 5 1.4 7.4 1.8 8.6.5-1.2 1.1-3.7 1.8-8.9.1-.4.1-.8.1-1 .2-1.2 1.3-2 2.4-1.8 1.2.2 2 1.3 1.8 2.4 0 .2-.1.5-.1.9-1 8.5-2.3 13.4-5.9 13.4z"/>
+</svg>
\ No newline at end of file
--- a/devtools/client/themes/images/tool-webconsole.svg
+++ b/devtools/client/themes/images/tool-webconsole.svg
@@ -1,6 +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" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#edf0f1" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
-</svg>
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="whitesmoke">
+    <path d="M16.3 15.4L7.7 6.9c-.3-.3-.7-.5-1.1-.5H4.3c-.7 0-1.2.4-1.5 1-.2.6-.1 1.3.4 1.8l7.4 7.4-7.1 7.1c-.5.5-.6 1.2-.4 1.8.3.6.8 1 1.5 1h2.3c.4 0 .8-.2 1.1-.5l8.3-8.3c.6-.6.6-1.6 0-2.3zM34.9 33.6H9.2c-1.3 0-2.4-1.1-2.4-2.4 0-1.3 1.1-2.4 2.4-2.4h25.7c1.3 0 2.4 1.1 2.4 2.4 0 1.3-1.1 2.4-2.4 2.4z"/>
+</svg>
\ No newline at end of file