Bug 1225184 - Update command buttons to SVG, and tool icons to match command button style. r=ntim
author"Helen V. Holmes" <helen.v.holmes@gmail.com>
Tue, 29 Mar 2016 12:54:00 +0200
changeset 290814 f3cf9faeb72885a4a30ba10ab306ed36ac7f8698
parent 290813 d8b9796cb557cdfa7d57abb586a0bcedf60cf676
child 290815 ac5adb69dc571428bab6e567cc0f5266dacec060
push id19656
push usergwagner@mozilla.com
push dateMon, 04 Apr 2016 13:43:23 +0000
treeherderb2g-inbound@e99061fde28a [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersntim
bugs1225184
milestone48.0a1
Bug 1225184 - Update command buttons to SVG, and tool icons to match command button style. r=ntim MozReview-Commit-ID: A6ib51KYRlD
devtools/client/jar.mn
devtools/client/themes/animationinspector.css
devtools/client/themes/images/close.png
devtools/client/themes/images/close.svg
devtools/client/themes/images/close@2x.png
devtools/client/themes/images/command-console.png
devtools/client/themes/images/command-console.svg
devtools/client/themes/images/command-console@2x.png
devtools/client/themes/images/command-eyedropper.png
devtools/client/themes/images/command-eyedropper.svg
devtools/client/themes/images/command-eyedropper@2x.png
devtools/client/themes/images/command-frames.png
devtools/client/themes/images/command-frames.svg
devtools/client/themes/images/command-frames@2x.png
devtools/client/themes/images/command-measure.png
devtools/client/themes/images/command-measure.svg
devtools/client/themes/images/command-measure@2x.png
devtools/client/themes/images/command-paintflashing.png
devtools/client/themes/images/command-paintflashing.svg
devtools/client/themes/images/command-paintflashing@2x.png
devtools/client/themes/images/command-pick.png
devtools/client/themes/images/command-pick.svg
devtools/client/themes/images/command-pick@2x.png
devtools/client/themes/images/command-responsivemode.png
devtools/client/themes/images/command-responsivemode.svg
devtools/client/themes/images/command-responsivemode@2x.png
devtools/client/themes/images/command-rulers.png
devtools/client/themes/images/command-rulers.svg
devtools/client/themes/images/command-rulers@2x.png
devtools/client/themes/images/command-scratchpad.png
devtools/client/themes/images/command-scratchpad.svg
devtools/client/themes/images/command-scratchpad@2x.png
devtools/client/themes/images/command-screenshot.png
devtools/client/themes/images/command-screenshot.svg
devtools/client/themes/images/command-screenshot@2x.png
devtools/client/themes/images/dock-bottom-maximize@2x.png
devtools/client/themes/images/dock-bottom-minimize@2x.png
devtools/client/themes/images/dock-bottom.png
devtools/client/themes/images/dock-bottom.svg
devtools/client/themes/images/dock-bottom@2x.png
devtools/client/themes/images/dock-side.png
devtools/client/themes/images/dock-side.svg
devtools/client/themes/images/dock-side@2x.png
devtools/client/themes/images/dock-undock.svg
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-memory-active.svg
devtools/client/themes/images/tool-memory.svg
devtools/client/themes/images/tool-network.svg
devtools/client/themes/images/tool-options.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
devtools/client/themes/images/undock.png
devtools/client/themes/images/undock@2x.png
devtools/client/themes/memory.css
devtools/client/themes/responsivedesign.inc.css
devtools/client/themes/toolbars.css
--- a/devtools/client/jar.mn
+++ b/devtools/client/jar.mn
@@ -167,37 +167,26 @@ devtools.jar:
     skin/images/filetypes/globe.svg (themes/images/filetypes/globe.svg)
     skin/images/filetypes/store.svg (themes/images/filetypes/store.svg)
     skin/images/commandline-icon.png (themes/images/commandline-icon.png)
     skin/images/commandline-icon@2x.png (themes/images/commandline-icon@2x.png)
     skin/images/alerticon-warning.png (themes/images/alerticon-warning.png)
     skin/images/alerticon-warning@2x.png (themes/images/alerticon-warning@2x.png)
     skin/rules.css (themes/rules.css)
     skin/commandline.css (themes/commandline.css)
-    skin/images/command-paintflashing.png (themes/images/command-paintflashing.png)
-    skin/images/command-paintflashing@2x.png (themes/images/command-paintflashing@2x.png)
-    skin/images/command-screenshot.png (themes/images/command-screenshot.png)
-    skin/images/command-screenshot@2x.png (themes/images/command-screenshot@2x.png)
-    skin/images/command-responsivemode.png (themes/images/command-responsivemode.png)
-    skin/images/command-responsivemode@2x.png (themes/images/command-responsivemode@2x.png)
-    skin/images/command-scratchpad.png (themes/images/command-scratchpad.png)
-    skin/images/command-scratchpad@2x.png (themes/images/command-scratchpad@2x.png)
-    skin/images/command-pick.png (themes/images/command-pick.png)
-    skin/images/command-pick@2x.png (themes/images/command-pick@2x.png)
-    skin/images/command-frames.png (themes/images/command-frames.png)
-    skin/images/command-frames@2x.png (themes/images/command-frames@2x.png)
-    skin/images/command-console.png (themes/images/command-console.png)
-    skin/images/command-console@2x.png (themes/images/command-console@2x.png)
-    skin/images/command-eyedropper.png (themes/images/command-eyedropper.png)
-    skin/images/command-eyedropper@2x.png (themes/images/command-eyedropper@2x.png)
-    skin/images/command-noautohide.svg (themes/images/command-noautohide.svg)
-    skin/images/command-rulers.png (themes/images/command-rulers.png)
-    skin/images/command-rulers@2x.png (themes/images/command-rulers@2x.png)
-    skin/images/command-measure.png (themes/images/command-measure.png)
-    skin/images/command-measure@2x.png (themes/images/command-measure@2x.png)
+    skin/images/command-paintflashing.svg (themes/images/command-paintflashing.svg)
+    skin/images/command-screenshot.svg (themes/images/command-screenshot.svg)
+    skin/images/command-responsivemode.svg (themes/images/command-responsivemode.svg)
+    skin/images/command-scratchpad.svg (themes/images/command-scratchpad.svg)
+    skin/images/command-pick.svg (themes/images/command-pick.svg)
+    skin/images/command-frames.svg (themes/images/command-frames.svg)
+    skin/images/command-console.svg (themes/images/command-console.svg)
+    skin/images/command-eyedropper.svg (themes/images/command-eyedropper.svg)
+    skin/images/command-rulers.svg (themes/images/command-rulers.svg)
+    skin/images/command-measure.svg (themes/images/command-measure.svg)
     skin/markup.css (themes/markup.css)
     skin/images/editor-error.png (themes/images/editor-error.png)
     skin/images/breakpoint.svg (themes/images/breakpoint.svg)
     skin/webconsole.css (themes/webconsole.css)
     skin/images/webconsole.svg (themes/images/webconsole.svg)
     skin/images/breadcrumbs-divider@2x.png (themes/images/breadcrumbs-divider@2x.png)
     skin/images/breadcrumbs-scrollbutton.png (themes/images/breadcrumbs-scrollbutton.png)
     skin/images/breadcrumbs-scrollbutton@2x.png (themes/images/breadcrumbs-scrollbutton@2x.png)
@@ -263,20 +252,19 @@ devtools.jar:
     skin/images/responsivemode/responsiveui-rotate@2x.png (themes/images/responsivemode/responsiveui-rotate@2x.png)
     skin/images/responsivemode/responsiveui-touch.png (themes/images/responsivemode/responsiveui-touch.png)
     skin/images/responsivemode/responsiveui-touch@2x.png (themes/images/responsivemode/responsiveui-touch@2x.png)
     skin/images/responsivemode/responsiveui-screenshot.png (themes/images/responsivemode/responsiveui-screenshot.png)
     skin/images/responsivemode/responsiveui-screenshot@2x.png (themes/images/responsivemode/responsiveui-screenshot@2x.png)
     skin/images/responsivemode/responsiveui-home.png (themes/images/responsivemode/responsiveui-home.png)
     skin/images/toggle-tools.png (themes/images/toggle-tools.png)
     skin/images/toggle-tools@2x.png (themes/images/toggle-tools@2x.png)
-    skin/images/dock-bottom@2x.png (themes/images/dock-bottom@2x.png)
-    skin/images/dock-bottom-minimize@2x.png (themes/images/dock-bottom-minimize@2x.png)
-    skin/images/dock-bottom-maximize@2x.png (themes/images/dock-bottom-maximize@2x.png)
-    skin/images/dock-side@2x.png (themes/images/dock-side@2x.png)
+    skin/images/dock-bottom.svg (themes/images/dock-bottom.svg)
+    skin/images/dock-side.svg (themes/images/dock-side.svg)
+    skin/images/dock-undock.svg (themes/images/dock-undock.svg)
     skin/floating-scrollbars-dark-theme.css (themes/floating-scrollbars-dark-theme.css)
     skin/floating-scrollbars-responsive-design.css (themes/floating-scrollbars-responsive-design.css)
     skin/inspector.css (themes/inspector.css)
     skin/images/profiler-stopwatch.svg (themes/images/profiler-stopwatch.svg)
     skin/images/emojis/emoji-command-pick.svg (themes/images/emojis/emoji-command-pick.svg)
     skin/images/emojis/emoji-tool-webconsole.svg (themes/images/emojis/emoji-tool-webconsole.svg)
     skin/images/emojis/emoji-tool-canvas.svg (themes/images/emojis/emoji-tool-canvas.svg)
     skin/images/emojis/emoji-tool-debugger.svg (themes/images/emojis/emoji-tool-debugger.svg)
@@ -303,31 +291,29 @@ devtools.jar:
     skin/images/tool-storage.svg (themes/images/tool-storage.svg)
     skin/images/tool-profiler.svg (themes/images/tool-profiler.svg)
     skin/images/tool-profiler-active.svg (themes/images/tool-profiler-active.svg)
     skin/images/tool-network.svg (themes/images/tool-network.svg)
     skin/images/tool-scratchpad.svg (themes/images/tool-scratchpad.svg)
     skin/images/tool-webaudio.svg (themes/images/tool-webaudio.svg)
     skin/images/tool-memory.svg (themes/images/tool-memory.svg)
     skin/images/tool-memory-active.svg (themes/images/tool-memory-active.svg)
-    skin/images/close.png (themes/images/close.png)
-    skin/images/close@2x.png (themes/images/close@2x.png)
+    skin/images/close.svg (themes/images/close.svg)
     skin/images/clear.svg (themes/images/clear.svg)
     skin/images/vview-delete.png (themes/images/vview-delete.png)
     skin/images/vview-delete@2x.png (themes/images/vview-delete@2x.png)
     skin/images/vview-edit.png (themes/images/vview-edit.png)
     skin/images/vview-edit@2x.png (themes/images/vview-edit@2x.png)
     skin/images/vview-lock.png (themes/images/vview-lock.png)
     skin/images/vview-lock@2x.png (themes/images/vview-lock@2x.png)
     skin/images/vview-open-inspector.png (themes/images/vview-open-inspector.png)
     skin/images/vview-open-inspector@2x.png (themes/images/vview-open-inspector@2x.png)
     skin/images/sort-arrows.svg (themes/images/sort-arrows.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/undock@2x.png (themes/images/undock@2x.png)
     skin/fonts.css (themes/fonts.css)
     skin/computed.css (themes/computed.css)
     skin/images/arrow-e.png (themes/images/arrow-e.png)
     skin/images/arrow-e@2x.png (themes/images/arrow-e@2x.png)
     skin/projecteditor/projecteditor.css (themes/projecteditor/projecteditor.css)
     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)
--- a/devtools/client/themes/animationinspector.css
+++ b/devtools/client/themes/animationinspector.css
@@ -134,36 +134,32 @@ body {
 }
 
 #timeline-toolbar .devtools-button,
 #timeline-toolbar .label {
   border-width: 0 1px 0 0;
 }
 
 #element-picker::before {
-  background-image: url("chrome://devtools/skin/images/command-pick.png");
+  background-image: url("chrome://devtools/skin/images/command-pick.svg");
 }
 
 .pause-button::before {
   background-image: url("images/debugger-pause.png");
 }
 
 #rewind-timeline::before {
   background-image: url("images/rewind.png");
 }
 
 .pause-button.paused::before {
   background-image: url("images/debugger-play.png");
 }
 
 @media (min-resolution: 1.1dppx) {
-  #element-picker::before {
-    background-image: url("chrome://devtools/skin/images/command-pick@2x.png");
-  }
-
   .pause-button::before {
     background-image: url("images/debugger-pause@2x.png");
   }
 
   .pause-button.paused::before {
     background-image: url("images/debugger-play@2x.png");
   }
 
deleted file mode 100644
index b53941253d9ae00682f35b3ea779b4018a4d4c4b..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/close.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" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M6.7 8l3.6-3.6c.2-.2.2-.5 0-.7-.2-.2-.5-.2-.7 0L6 7.3 2.4 3.7c-.2-.2-.5-.2-.7 0-.2.2-.2.5 0 .7L5.3 8l-3.6 3.6c-.2.2-.2.5 0 .7.2.2.5.2.7 0L6 8.7l3.6 3.6c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L6.7 8z"/>
+</svg>
deleted file mode 100644
index 79ef6cecaba92cef68b9f27578edb86c7fb80dbf..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 60257d1fdaa4203db7b75b4088a168c4e8c4fc1a..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-console.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M6.8 9.7c0-.2 0-.3-.2-.4L4.9 7.6c-.3-.3-.7-.3-.9 0s-.3.6 0 .9l1.3 1.4L4 11.3c-.3.3-.3.6 0 .9s.6.3.9 0l1.8-1.8c.1-.2.2-.5.1-.7z"/>
+  <path d="M14.2 2H1.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V2.9c0-.7-.6-.9-.8-.9zM14 14H2V6h12v8zm0-9H2V3h12v2z"/>
+</svg>
deleted file mode 100644
index 486a3b3c03d57523e82652b2991779998b579e69..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 2c4763d358141111727233adb708915c401463fc..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-eyedropper.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M8.3 2.9l4.9 4.9c.2.2.5.4.8.1.2-.2.1-.5-.1-.8L11.6 5l1.8-1.8c.2-.2.4-.5.1-.8-.2-.2-.5-.1-.8.1L11 4.3l-2.1-2c-.2-.3-.5-.4-.8-.2-.2.3-.1.6.2.8zM10.4 7.4l-6.1 6-2.4.8.7-2.4 6.2-6.1-.7-.7L2 11c-.1.1-.2.3-.2.4L1 13.7s-.1.7.1 1c.3.3.9.3 1.2.2l2.3-.8c.2-.1.3-.1.4-.3L11 8l-.6-.6z"/>
+  <path opacity="0.5" d="M7.1 7.1l-4.2 3.8-1.4 3.5 2.9-.6 2.8-2.7z"/>
+</svg>
deleted file mode 100644
index 2a9fdf9f7667ddaa8b04b73da9444e813edbefb4..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index d5d1a767a4db2c8dc0e2d961bccda2d9bf2d7d2e..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-frames.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 16 16" fill="whitesmoke">
+  <path d="M14.2 2H1.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V2.9s-.6-.9-.8-.9zM8 14H2v-4h6v4zm6 0H9v-4h5v4zm0-5H2V3h12v6z"/>
+</svg>
deleted file mode 100644
index 303fb99263f72ab38082197a667d5b00bd598860..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 91ac4b4d75a6a0c1851a1d15e4d044c016f27e79..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-measure.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M1 11h14V6H1v5zm15 .2c0 .5-.4.8-.8.8H.8c-.4 0-.8-.4-.8-.8V5.8c0-.4.4-.8.8-.8h14.3c.5 0 .9.4.9.8v5.4z"/>
+  <path d="M9 6v3c0 .2.3.4.5.4s.5-.2.5-.4V6H9zM13 6v3c0 .2.3.4.5.4.2-.1.5-.2.5-.4V6h-1zM5.1 5.7L4 6v2.8c0 .2.4.4.6.4s.5-.2.5-.4V5.7zM11 5v2.7c0 .2.3.4.5.4s.5-.2.5-.4V5h-1zM6 5.1v2.6c0 .2.5.4.7.4.2 0 .6-.2.6-.4l-.1-2.6H6zM2 5.1v2.6c0 .2.3.4.5.4s.5-.2.5-.4V5.1H2z"/>
+</svg>
deleted file mode 100644
index a1fbaba2c8b409e753e1dadf314585d747e12b09..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 9e03addebc66831ede4c05b03d67d8390fb60cec..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-paintflashing.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.5" d="M4 11h10v3H4z"/>
+  <path d="M4.7 6.1h7.6c.4 0 .7-.1.7-.5s-.3-.5-.7-.5H8.9V2.3c0-.4-.1-.7-.5-.7s-.5.4-.5.7v2.8H4.7c-.4 0-.7.1-.7.5s.3.5.7.5zM13.3 6.8H3.9c-.4 0-.8.4-.8.9v6.2c0 .4.3.9.8.9h9.4c.4 0 .8-.4.8-.9V7.7s-.6-.9-.8-.9zm-.2 7h-9v-6h9v6z"/>
+</svg>
deleted file mode 100644
index 8dd840cb53c36f24b0145103817dd477b7c32b68..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 12534bf1267d48f3765fc1f386cdca68eefa1fb3..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-pick.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.5" d="M8.1 8l1.5 5.5 3.7-3z"/>
+  <path d="M12.7 2H.8c-.4 0-.8.5-.8.9v8.8c0 .5.4 1.3.8 1.3h6.5l.1-1H1V3h12v5.4l1 .8V2.9c0-.4-.8-.9-1.3-.9zM11.2 12.2l2.4 2.3.7-.6-2.4-2.4z"/>
+  <path d="M8.8 7.6c-.4-.1-.9-.1-1.2.2-.2.3-.1 1-.1 1l2.1 5.4 4.7-3.8-5.5-2.8zm-.5.7l4.4 2.2-2.8 2.2-1.6-4.4z"/>
+</svg>
deleted file mode 100644
index 8c94df474ead371ecbbf80fb1a80f67afe59014e..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index dd9e6a7aa7ddf1e7aef66d2abcbb1a104eebe776..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-responsivemode.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 16 16" fill="whitesmoke">
+  <path d="M11.1 2H3.8c-.4 0-.8.4-.8.9v11.2c0 .4.3.9.8.9h7.3c.4 0 .9-.4.9-.9V2.9s-.7-.9-.9-.9zM11 14H4v-3h7v3zm0-4H4V3h7v7z"/>
+</svg>
deleted file mode 100644
index 1ba240b6637667144f1782d52d4e0bbfdb1a3d92..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 5ef59467f1509a550836a41ff3ba206a6e54ac92..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-rulers.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M11.4 3c-.2 0-.4.2-.4.4v2.5c0 .2.3.4.5.4s.5-.2.5-.4V3.4c0-.2-.3-.4-.5-.4M13.5 3.2c-.2 0-.5.2-.5.4v1.5c0 .2.3.4.5.4s.5-.2.5-.4V3.6c0-.2-.3-.4-.5-.4M9.6 3.2c-.2 0-.6.2-.6.4v1.5c0 .2.3.4.6.4.2 0 .4-.2.4-.4V3.6c0-.2-.2-.4-.4-.4M7.4 3c-.2 0-.4.2-.4.4v2.5c0 .2.3.4.5.4s.5-.2.5-.4V3.4c0-.2-.2-.4-.6-.4M5.5 3.2c-.3 0-.5.2-.5.4v1.5c0 .2.3.4.5.4s.5-.2.5-.4V3.6c0-.2-.3-.4-.5-.4M4.3 8.5c0-.2-.2-.5-.4-.5H2.4c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M4.3 12.5c0-.2-.2-.5-.4-.5H2.4c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M5.1 10.5c0-.2-.2-.5-.4-.5H3.2c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5M5.1 6.5c0-.2-.2-.5-.4-.5H3.2c-.2 0-.4.3-.4.5s.2.5.4.5h1.5c.2 0 .4-.3.4-.5"/>
+  <path d="M15.1 3H3.5C2.9 3 2 3.6 2 4.1V14c0 .6 1 1 1.5 1h3.2c.6 0 1.3-.5 1.3-1V9h7c.6 0 1-.4 1-.9v-4c0-1-.4-1.1-.9-1.1zM15 8H7.4c-.6 0-.5.1-.4 0v6H3V4h12v4z"/>
+</svg>
deleted file mode 100644
index 908c6a01497876334d4088a753a1b1d3f4452c5f..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index f489a0dece2850c7e9a7c170cff0fefcbd3beefa..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-scratchpad.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M13.2 3h-1.3v-.8c0-.3-.3-.6-.6-.6s-.6.3-.6.6V3H7.8v-.8c0-.3-.3-.6-.6-.6s-.7.2-.7.6V3H3.7v-.8c0-.3-.3-.6-.6-.6s-.6.2-.6.6V3H.8c-.4 0-.8.4-.8.9v10.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V3.9s-.6-.9-.8-.9zM13 14H1V3.9h12V14z"/>
+  <path d="M8.7 12.1h-6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6c.3 0 .5.2.5.5s-.3.5-.5.5zM11.5 9.9H5.4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6.1c.3 0 .5.2.5.5s-.2.5-.5.5zM7.7 7.8H3c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h4.7c.3 0 .5.2.5.5s-.2.5-.5.5z"/>
+</svg>
deleted file mode 100644
index 1303d6b553f65cab85fd383a881761d4186b0c87..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 9257e9f73e722e5cda63069da16a910bff970f7e..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/command-screenshot.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 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M13.6 5H11V3.5C11 2.7 10 2 9.2 2H6.8C6 2 5 2.7 5 3.5V5H2.4C1.6 5 1 5.6 1 6.4v6.5c0 .8.6 1.1 1.4 1.1h11.2c.8 0 1.4-.3 1.4-1.1V6.4c0-.8-.6-1.4-1.4-1.4zm.4 8H2V6h4V3h4v3h3.9l.1 7z"/>
+  <path d="M8 6.8c-1.3 0-2.4 1.1-2.4 2.4s1.1 2.4 2.4 2.4 2.4-1.1 2.4-2.4c0-1.3-1.1-2.4-2.4-2.4zm0 3.5c-.7 0-1.2-.5-1.2-1.1S7.3 8.1 8 8.1s1.2.5 1.2 1.1-.5 1.1-1.2 1.1z"/>
+</svg>
deleted file mode 100644
index fb5f03f518182f097b9fc57f115e4db7a0096b73..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index feb4d78eeca6e16909332bd9d80316a3059b6e79..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index a82983c9fe706ff4291e66608ffc29641fb7750f..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index b9fe45b6849c7f24c4a626eb9ac11d69642326c8..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/dock-bottom.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" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M11.9 13.5V3.9c0-.3-.3-.7-.7-.7H2c-.3 0-.7.2-.7.7v9.6c0 .3.3.7.7.7h9.2c.6-.1.7-.6.7-.7zM2.1 9.3V4h9v5.3h-9zm0 3.9v-3h9v3h-9z"/>
+</svg>
deleted file mode 100644
index d5df16feaa2025608f015fa2a311832bae06d807..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 61d9e60467ff1328ee03b161cdd160f5de2852e1..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/dock-side.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" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M-1.5 3.2h-9.6c-.1 0-.2.1-.2.2V13c0 .1.1.2.2.2h9.6c.1 0 .2-.1.2-.2V3.4c0-.1-.1-.2-.2-.2zm-3.6 8.9h-5V4.4h5v7.7zm3.2-.1h-2.7V4.4h2.7V12zM11.1 3.2H.9c-.3 0-.7.3-.7.7v9.2c0 .3.2.7.7.7h10.2c.3 0 .7-.3.7-.7V3.9c-.1-.6-.6-.7-.7-.7zM6.9 13H1.1V4H7v9zm4 0h-3V4h3v9z"/>
+</svg>
deleted file mode 100644
index 17de7f1c555097f8c5bc8edf1acf890b091c020d..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
new file mode 100644
--- /dev/null
+++ b/devtools/client/themes/images/dock-undock.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 xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M4.3 2.8v5.9c0 .2.2.4.5.4h5.7c.2 0 .5-.2.5-.4V2.8c0-.2-.2-.4-.5-.4H4.8c-.4 0-.5.3-.5.4zm5.8 2.8v2.6h-5V5.6h5zm0-2.5V5h-5V3.1h5z"/>
+  <path d="M7.1 9.9v2.2h-5V9.7h1.2V9H2.1V7h1.2v-.7H1.7c-.4 0-.5.3-.5.4v5.9c0 .2.2.4.5.4h5.7c.2 0 .5-.2.5-.4V9.9h-.8z"/>
+</svg>
--- a/devtools/client/themes/images/tool-canvas.svg
+++ b/devtools/client/themes/images/tool-canvas.svg
@@ -1,8 +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" fill="whitesmoke">
-    <path opacity="0.2" d="M3.8 3.9l8.4.1v8.3H3.8z"/>
-    <path opacity="0.5" d="M5.3 3.6H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM5.3 7.3H3.7c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM5.3 11.1H3.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM7.2 5.5H5.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5.6c.1-.1 0-.1-.1-.1zM7.2 9.2H5.6c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V9.4c.1-.1 0-.2-.1-.2zM9.1 3.6H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM9.1 7.3H7.5c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM9.1 11.1H7.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM11 5.5H9.4c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V5.6c0-.1 0-.1-.1-.1zM11 9.2H9.4c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1H11c.1 0 .1-.1.1-.1V9.4c0-.1 0-.2-.1-.2zM12.9 3.6h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1 0 .1-.1V3.7c0-.1 0-.1-.1-.1zM12.9 7.3h-1.6c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1.1.1.1.1 0V7.5c0-.1 0-.2-.1-.2zM12.9 11.1h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6s0-.1-.1-.1z"/>
-    <path d="M13.7 2H2.3c-.2 0-.3.1-.3.3v11.5c0 .1.1.2.3.2h11.5c.1 0 .3-.1.3-.3V2.3c-.1-.2-.2-.3-.4-.3zM12 12H4V4h8v8z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.5" d="M3.7 3.6H2.1c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM3.7 7.3H2.1c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM3.7 11.1H2.1c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM6.1 5.5H4.5c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1l-.1-1.7c.2 0 .1 0 0 0zM6.1 9.2H4.5c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V9.4c.1-.1 0-.2-.1-.2zM8.3 3.6H6.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V3.7c.1-.1 0-.1-.1-.1zM8.3 7.3H6.7c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V7.5c.1-.1 0-.2-.1-.2zM8.3 11.1H6.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6c.1 0 0-.1-.1-.1zM10.6 5.5H9c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5.6c0-.1 0-.1-.1-.1zM10.6 9.2H9c-.1 0-.1.1-.1.1V11c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V9.4c0-.1 0-.2-.1-.2zM12.9 3.6h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1 0 .1-.1V3.7c0-.1 0-.1-.1-.1zM12.9 7.3h-1.6c-.1 0-.1.1-.1.1V9c0 .1.1.1.1.1h1.6c.1.1.1.1.1 0V7.5c0-.1 0-.2-.1-.2zM12.9 11.1h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1v-1.6s0-.1-.1-.1z"/>
+  <path d="M13.2 2.8H1.8c-.4 0-.8.4-.8.9v9.2c0 .4.3.9.8.9h11.4c.4 0 .8-.4.8-.9V3.7c0-.7-.6-.9-.8-.9zm-.2 10H2v-9h11v9z"/>
+</svg>
--- a/devtools/client/themes/images/tool-debugger-paused.svg
+++ b/devtools/client/themes/images/tool-debugger-paused.svg
@@ -1,7 +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" fill="green">
-    <path d="M10.9 7.4L9.5 6.1C9.4 6 9.3 6 9.1 6H5.2c-.1 0-.2.1-.2.2v3.2c0 .1.1.4.2.4h4c.1 0 .2-.1.2-.1L10.9 8c.2-.1.2-.4 0-.6z"/>
-    <path d="M8 1.1c-3.8 0-6.9 3-6.9 6.9 0 3.8 3 6.9 6.9 6.9s6.9-3 6.9-6.9c0-3.8-3.1-6.9-6.9-6.9zM8 13c-2.8 0-5.1-2.3-5.1-5.1S5.2 2.8 8 2.8s5.1 2.3 5.1 5.1S10.8 13 8 13z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#2E761A">
+  <path d="M8.2 1.7C4.8 1.7 2 4.4 2 7.9s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.1-3.4-2.9-6.2-6.4-6.2zm0 11.4C5.3 13.1 3 10.8 3 7.9s2.3-5.2 5.2-5.2 5.2 2.3 5.2 5.2c0 3-2.2 5.2-5.2 5.2z"/>
+  <path d="M11.4 7.5L10 6.2c-.1-.1-.2-.1-.4-.1H5.7c-.1 0-.2.1-.2.2v3.2c0 .1.1.4.2.4h4c.1 0 .2-.1.2-.1l1.5-1.7c.2-.1.2-.4 0-.6z"/>
+</svg>
--- a/devtools/client/themes/images/tool-debugger.svg
+++ b/devtools/client/themes/images/tool-debugger.svg
@@ -1,7 +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" fill="whitesmoke">
-    <path d="M8 1.1c-3.8 0-6.9 3-6.9 6.9 0 3.8 3 6.9 6.9 6.9s6.9-3 6.9-6.9c0-3.8-3.1-6.9-6.9-6.9zM8 13c-2.8 0-5.1-2.3-5.1-5.1S5.2 2.8 8 2.8s5.1 2.3 5.1 5.1S10.8 13 8 13z"/>
-    <path d="M5 9.6V5.8c0-.5.5-1 1-1s1 .5 1 1v3.8c0 .5-.5 1-1 1s-1-.5-1-1zM9 9.6V5.8c0-.5.6-1 1-1s1 .5 1 1v3.8c0 .5-.6 1-1 1s-1-.5-1-1z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M8.2 1.7C4.8 1.7 2 4.4 2 7.9s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.1-3.4-2.9-6.2-6.4-6.2zm0 11.4C5.3 13.1 3 10.8 3 7.9 3 5 5.3 2.7 8.2 2.7c2.9 0 5.2 2.3 5.2 5.2 0 3-2.2 5.2-5.2 5.2z"/>
+  <path d="M6.5 5.3c-.2 0-.4.2-.4.4v4.5c0 .2.3.4.5.4s.5-.2.5-.4V5.7c0-.2-.3-.4-.5-.4M9.5 5.3c-.2 0-.4.2-.4.4v4.5c0 .2.3.4.5.4s.5-.2.5-.4V5.7c0-.2-.3-.4-.5-.4"/>
+</svg>
--- a/devtools/client/themes/images/tool-inspector.svg
+++ b/devtools/client/themes/images/tool-inspector.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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
-    <path d="M13.4 7H13V4.1c0-.7-.3-1.1-1-1.1H9V2c0-.5-.5-1-1-1s-1 .4-1 1v1H4c-.7 0-1 .4-1 1.1V7h-.4c-.5 0-1 .5-1 1s.4 1 1 1H3v2.8c0 .7.3 1.2 1 1.2h3v.8c0 .5.5 1 1 1s1-.4 1-1V13h3c.7 0 1-.3 1-1V9h.4c.5 0 1-.5 1-1s-.5-1-1-1zM11 11H5V5h6v6z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M14.3 7.7H13V4.8c0-.7-.6-.9-.8-.9H8.3V2.4c.1-.3-.2-.6-.5-.6s-.6.3-.6.6v1.5H2.9c-.5 0-.9.4-.9.9v3H.7c-.3 0-.6.3-.6.6s.3.6.6.6H2v3c0 .4.3.9.8.9h4.3v1.3c0 .3.3.6.6.6s.6-.3.6-.6v-1.3h3.9c.4 0 .8-.4.8-.9V8.9h1.2c.3 0 .6-.3.6-.6s-.2-.6-.5-.6zM12 11.9H3v-7h9v7z"/>
+</svg>
--- a/devtools/client/themes/images/tool-memory-active.svg
+++ b/devtools/client/themes/images/tool-memory-active.svg
@@ -1,7 +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" fill="#71c054">
-  <path opacity="0.2" d="M5.8 3.9l4.9.1v8.3H5.8z"/>
-  <path d="M12.8 8L14 9.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V5.3l.8-.3L14 6.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V2.3c0-.2-.1-.3-.3-.3H4.3c-.2 0-.3.1-.3.3v1.5l-.8-.4c-.3-.1-.6-.1-.9.1L.8 5.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 5l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.8 8.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 8l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.7 11.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 11l1 .4v2.4c0 .1.1.2.3.2h7.5c.1 0 .3-.1.3-.3v-2.4l.8-.3 1.2 1.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.7.4V8.3l.8-.3zM10 12H6V4h4v8z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#2E761A">
+  <path opacity="0.2" d="M5.2 2.9l5.7.1v9.4H5.2V2.9z"/>
+  <path d="M10.5 2.2h-5c-.4 0-.8.4-.8.9v9.2c0 .4.3.9.8.9h5c.4 0 .8-.4.8-.9V3.1s-.6-.9-.8-.9zm-.2 10H5.7v-9h4.6v9zM15.5 6.6c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.2-.5.2-.7 0-.2-.2-.2-.5 0-.7l1.3-1.3c.1-.1.2-.1.4-.1.1 0 .3.1.4.2l1.9 2c.2.2.2.5 0 .7-.3.2-.4.2-.5.2zM15.5 9.7c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.3-.5.3-.7.1-.2-.2-.2-.5 0-.7l1.3-1.2c.1-.1.2-.1.4-.1.1 0 .3.1.4.2L16 9c.2.2.2.5 0 .7h-.5zM15.5 12.7c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.2-.5.2-.7 0-.2-.2-.2-.5 0-.7l1.3-1.2c.1-.1.2-.1.4-.1.1 0 .3.1.4.2l1.9 2c.2.2.2.5 0 .7-.3.1-.4.1-.5.1zM.5 6.6c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L2.7 3.7c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.3-.1.6.1.8.1.1.2.1.3.1zM.5 9.7c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.3.5.3.7.1.2-.2.2-.6 0-.8L2.7 6.8c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.2-.2.5 0 .7.2.2.3.2.4.2zM.5 12.7c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.3.5.3.7.1.2-.2.2-.5 0-.7L2.7 9.8c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.2-.2.5 0 .7.2.2.3.2.4.2z"/>
 </svg>
--- a/devtools/client/themes/images/tool-memory.svg
+++ b/devtools/client/themes/images/tool-memory.svg
@@ -1,7 +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" fill="whitesmoke">
-  <path opacity="0.2" d="M5.8 3.9l4.9.1v8.3H5.8z"/>
-  <path d="M12.8 8L14 9.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V5.3l.8-.3L14 6.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.6.4V2.3c0-.2-.1-.3-.3-.3H4.3c-.2 0-.3.1-.3.3v1.5l-.8-.4c-.3-.1-.6-.1-.9.1L.8 5.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 5l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.8 8.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 8l1 .4v1.4l-.8-.4c-.3-.1-.6-.1-.9.1L.7 11.1c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2L3 11l1 .4v2.4c0 .1.1.2.3.2h7.5c.1 0 .3-.1.3-.3v-2.4l.8-.3 1.2 1.2c.1.1.3.2.5.2s.4-.1.5-.2c.3-.3.3-.8 0-1.1l-1.6-1.6c-.2-.2-.5-.3-.8-.2l-.7.4V8.3l.8-.3zM10 12H6V4h4v8z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.2" d="M5.2 2.9l5.7.1v9.4H5.2V2.9z"/>
+  <path d="M10.5 2.2h-5c-.4 0-.8.4-.8.9v9.2c0 .4.3.9.8.9h5c.4 0 .8-.4.8-.9V3.1s-.6-.9-.8-.9zm-.2 10H5.7v-9h4.6v9zM15.5 6.6c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.2-.5.2-.7 0-.2-.2-.2-.5 0-.7l1.3-1.3c.1-.1.2-.1.4-.1.1 0 .3.1.4.2l1.9 2c.2.2.2.5 0 .7-.3.2-.4.2-.5.2zM15.5 9.7c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.3-.5.3-.7.1-.2-.2-.2-.5 0-.7l1.3-1.2c.1-.1.2-.1.4-.1.1 0 .3.1.4.2L16 9c.2.2.2.5 0 .7h-.5zM15.5 12.7c-.1 0-.3-.1-.4-.2l-1.5-1.7-.9.9c-.2.2-.5.2-.7 0-.2-.2-.2-.5 0-.7l1.3-1.2c.1-.1.2-.1.4-.1.1 0 .3.1.4.2l1.9 2c.2.2.2.5 0 .7-.3.1-.4.1-.5.1zM.5 6.6c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.2.5.2.7 0 .2-.2.2-.5 0-.7L2.7 3.7c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.3-.1.6.1.8.1.1.2.1.3.1zM.5 9.7c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.3.5.3.7.1.2-.2.2-.6 0-.8L2.7 6.8c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.2-.2.5 0 .7.2.2.3.2.4.2zM.5 12.7c.1 0 .3-.1.4-.2l1.5-1.7.9.9c.2.3.5.3.7.1.2-.2.2-.5 0-.7L2.7 9.8c-.1-.1-.2-.1-.3-.1-.2 0-.3 0-.4.1l-1.9 2c-.2.2-.2.5 0 .7.2.2.3.2.4.2z"/>
 </svg>
--- a/devtools/client/themes/images/tool-network.svg
+++ b/devtools/client/themes/images/tool-network.svg
@@ -1,7 +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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
-    <path d="M11 5H3c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM9 11H4c-.6 0-1-.4-1-1s.4-1 1-1h5c.6 0 1 .4 1 1s-.4 1-1 1z"/>
-    <path opacity="0.5" d="M14 8H6c-.6 0-1-.4-1-1s.4-1 1-1h8c.6 0 1 .4 1 1s-.4 1-1 1zM5 14H2c-.6 0-1-.4-1-1s.4-1 1-1h3c.6 0 1 .4 1 1s-.4 1-1 1z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.5" d="M10.7 3.3c0-.2-.2-.4-.4-.4H2.8c-.2 0-.4.3-.4.5s.2.5.4.5h7.5c.2 0 .4-.3.4-.5"/>
+  <path d="M12.7 6.4c0-.2-.2-.4-.4-.4H4.8c-.2 0-.4.3-.4.5s.2.5.4.5h7.5c.2 0 .4-.3.4-.5"/>
+  <path opacity="0.5" d="M10.7 9.3c0-.2-.2-.4-.4-.4H3.8c-.2 0-.4.3-.4.5s.2.5.4.5h6.5c.2 0 .4-.3.4-.5"/>
+  <path d="M6.7 12.3c0-.2-.2-.4-.4-.4H2.8c-.2 0-.4.3-.4.5s.2.5.4.5h3.5c.2 0 .4-.3.4-.5"/>
+</svg>
--- a/devtools/client/themes/images/tool-options.svg
+++ b/devtools/client/themes/images/tool-options.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="#edf0f1" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M12.3 10.8c.1-.2.2-.6.3-.6h2.1V6.8h-2.1c-.1 0-.2-.3-.3-.6l.6-.5c.2-.2.3-.3.3-.6 0-.2-.1-.4-.3-.6l-.7-.5c-.3-.3-.9-.3-1.2 0l-.4.6c-.3-.2-.6-.3-.6-.4V2.1H6.6v2.1c0 .1-.3.2-.6.3L5.6 4c-.4-.3-.9-.3-1.2 0l-.7.7c-.3.3-.3.9 0 1.2l.6.4c-.1.2-.2.5-.3.5H1.9v3.4H4c.1 0 .2.3.3.6L3 12l2 2 1-1.4c.2.1.6.2.6.3V15H10v-2.1c0-.1.3-.2.6-.3l.5.6c.3.3.9.3 1.2 0l.7-.7c.2-.2.2-.4.2-.6 0-.2-.1-.4-.3-.6l-.6-.5zm.1 1.1l-.7.7h-.1-.1l-.8-.8c-.1-.1-.3-.1-.5-.1-.3.2-.6.4-.9.4-.2 0-.2.2-.2.4V14H7.5v-1.5c0-.2 0-.3-.2-.4-.4-.1-.7-.2-1-.4-.1 0-.1-.1-.2-.1s-.2 0-.3.1l-.9 1h-.2L4 12v-.1-.1l1-1c.1-.1.1-.3.1-.5-.2-.1-.3-.3-.4-.7 0-.2-.2-.2-.4-.2H2.8V7.7h1.5c.2 0 .3 0 .4-.2.1-.4.2-.7.4-1 .1-.1.1-.3-.1-.4l-.7-.8v-.1l.7-.7h.2l.8.8c0 .1.2.1.4 0 .3-.2.5-.3.9-.4.2 0 .2-.2.2-.4V3h1.7v1.5c0 .2 0 .3.2.4.4.1.7.2 1 .4.1.1.3.1.4-.1l.8-.8h.1l.7.7v.2l-.8.8c-.1.1-.1.3-.1.5.2.3.4.6.4.9 0 .2.2.2.4.2h1.5v1.7h-1.5c-.2 0-.3 0-.4.2-.1.4-.2.7-.4 1-.1.2-.1.3.1.4l.8.8v.1z"/>
+  <path d="M8.3 6C6.9 6 5.7 7.1 5.7 8.6s1.2 2.6 2.6 2.6 2.6-1.2 2.6-2.6S9.7 6 8.3 6zm0 4.4c-1 0-1.8-.8-1.8-1.8s.8-1.8 1.8-1.8 1.8.8 1.8 1.8-.8 1.8-1.8 1.8z"/>
 </svg>
--- a/devtools/client/themes/images/tool-profiler-active.svg
+++ b/devtools/client/themes/images/tool-profiler-active.svg
@@ -1,8 +1,10 @@
 <!-- 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" fill="green">
-    <path d="M7 7.3c-.3.1-.6.4-.6.7-.1.5.2 1 .7 1.1.3 0 .7-.1.9-.3l2.5-2.9L7 7.3z"/>
-    <path opacity="0.5" d="M4.7 9.9c.7 1.1 1.9 1.9 3.3 1.9s2.6-.8 3.3-1.9H4.7z"/>
-    <path d="M8 1.3c-3.8 0-6.7 3-6.7 6.7s3 6.7 6.7 6.7c3.8 0 6.7-3 6.7-6.7S11.8 1.3 8 1.3zm-.1 11.5c-2.5 0-4.6-2.1-4.8-4.5v-.2h.6c.6 0 1-.4 1-1s-.4-1-1-1h-.4c.4-.9.8-1.4 1.5-1.9l.2.4c.3.5.8.7 1.3.4.5-.2.7-.7.4-1.2l-.2-.4c.4-.1.9-.2 1.4-.2.6 0 1.1.1 1.6.3l-.2.4c-.3.5-.1 1 .4 1.3.5.3 1 .1 1.3-.4l.2-.6c.6.6 1.2 1.5 1.4 1.8h-.4c-.6 0-1 .4-1 1s.4 1 1 1h.6v.2c-.3 2.5-2.4 4.6-4.9 4.6z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#2E761A">
+  <path d="M6.9 7.8c-.3.1-.6.4-.6.7-.1.5.2 1 .7 1.1.3 0 .7-.1.9-.3l2.5-2.9-3.5 1.4z"/>
+  <path opacity="0.5" d="M4.7 10.6c.7 1.1 1.9 1.9 3.3 1.9s2.6-.8 3.3-1.9H4.7z"/>
+  <path d="M-12.7-2.5c-3.8 0-6.7 3-6.7 6.7s3 6.7 6.7 6.7c3.8 0 6.7-3 6.7-6.7s-2.9-6.7-6.7-6.7zM-12.8 9c-2.5 0-4.6-2.1-4.8-4.5v-.2h.6c.6 0 1-.4 1-1s-.4-1-1-1h-.4c.4-.9.8-1.4 1.5-1.9l.2.4c.3.5.8.7 1.3.4.5-.2.7-.7.4-1.2l-.2-.4c.4-.1.9-.2 1.4-.2.6 0 1.1.1 1.6.3l-.2.4c-.3.5-.1 1 .4 1.3.5.3 1 .1 1.3-.4l.2-.6c.6.6 1.2 1.5 1.4 1.8h-.4c-.6 0-1 .4-1 1s.4 1 1 1h.6v.2C-8.2 6.9-10.3 9-12.8 9zM-12.8 12.7c-3.4 0-6.2 2.7-6.2 6.2s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.1-3.4-2.9-6.2-6.4-6.2zm0 11.4c-2.9 0-5.2-2.3-5.2-5.2 0-2.9 2.3-5.2 5.2-5.2s5.2 2.3 5.2 5.2c0 3-2.2 5.2-5.2 5.2z"/>
+  <path d="M-14.5 16.3c-.2 0-.4.2-.4.4v4.5c0 .2.3.4.5.4s.5-.2.5-.4v-4.5c0-.2-.3-.4-.5-.4"/>
+  <path d="M8 2.3C4.5 2.3 1.8 5 1.8 8.5s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.2-3.4-2.9-6.2-6.4-6.2zm0 11.4c-2.9 0-5.2-2.3-5.2-5.2v-.3h1.7c.2 0 .4-.3.4-.5s-.2-.6-.4-.6H2.9C3.3 5.9 4 4.8 5 4.1l1.4 1.3c.1.1.5.1.6-.1.1-.1.2-.5.1-.6L6 3.6c.6-.2 1.3-.4 2-.4.8 0 1.5.2 2.2.5L9 4.8c-.1.1 0 .5.1.6s.5.2.6.1L11 4.3c1 .7 1.7 1.7 2 2.8h-1.7c-.2 0-.4.3-.4.5s.2.5.4.5h1.9v.3c0 3.1-2.2 5.3-5.2 5.3z"/>
+</svg>
--- a/devtools/client/themes/images/tool-profiler.svg
+++ b/devtools/client/themes/images/tool-profiler.svg
@@ -1,8 +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 16 16" fill="whitesmoke">
-    <path d="M7 7.3c-.3.1-.6.4-.6.7-.1.5.2 1 .7 1.1.3 0 .7-.1.9-.3l2.5-2.9L7 7.3z"/>
-    <path opacity="0.5" d="M4.7 9.9c.7 1.1 1.9 1.9 3.3 1.9s2.6-.8 3.3-1.9H4.7z"/>
-    <path d="M8 1.3c-3.8 0-6.7 3-6.7 6.7s3 6.7 6.7 6.7c3.8 0 6.7-3 6.7-6.7S11.8 1.3 8 1.3zm-.1 11.5c-2.5 0-4.6-2.1-4.8-4.5v-.2h.6c.6 0 1-.4 1-1s-.4-1-1-1h-.4c.4-.9.8-1.4 1.5-1.9l.2.4c.3.5.8.7 1.3.4.5-.2.7-.7.4-1.2l-.2-.4c.4-.1.9-.2 1.4-.2.6 0 1.1.1 1.6.3l-.2.4c-.3.5-.1 1 .4 1.3.5.3 1 .1 1.3-.4l.2-.6c.6.6 1.2 1.5 1.4 1.8h-.4c-.6 0-1 .4-1 1s.4 1 1 1h.6v.2c-.3 2.5-2.4 4.6-4.9 4.6z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M6.9 7.8c-.3.1-.6.4-.6.7-.1.5.2 1 .7 1.1.3 0 .7-.1.9-.3l2.5-2.9-3.5 1.4z"/>
+  <path opacity="0.5" d="M4.7 10.6c.7 1.1 1.9 1.9 3.3 1.9s2.6-.8 3.3-1.9H4.7z"/>
+  <path d="M7.9 2.3C4.6 2.3 1.8 5 1.8 8.5s2.7 6.3 6.3 6.3c3.5 0 6.3-2.7 6.3-6.3-.2-3.4-3-6.2-6.5-6.2zm0 11.4c-2.9 0-5.2-2.3-5.2-5.2v-.4h1.8c.2 0 .4-.3.4-.5s-.2-.5-.4-.5H2.9C3.2 5.9 4 4.8 5 4.1l1.4 1.4c.2.1.6.1.7-.1.1-.1.2-.5.1-.6L6 3.7c.6-.2 1.2-.4 1.9-.4.8 0 1.5.2 2.2.5L9 4.8c-.1.1 0 .5.1.6.1.1.5.2.6.1L11 4.3c.9.7 1.6 1.7 1.9 2.8h-1.6c-.2 0-.4.3-.4.5s.2.5.4.5h1.8v.4c0 3-2.2 5.2-5.2 5.2z"/>
+</svg>
--- a/devtools/client/themes/images/tool-scratchpad.svg
+++ b/devtools/client/themes/images/tool-scratchpad.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 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
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M13.2 3h-1.3v-.8c0-.3-.3-.6-.6-.6s-.6.3-.6.6V3H7.8v-.8c0-.3-.3-.6-.6-.6s-.7.2-.7.6V3H3.7v-.8c0-.3-.3-.6-.6-.6s-.6.2-.6.6V3H.8c-.4 0-.8.4-.8.9v10.2c0 .4.3.9.8.9h12.4c.4 0 .8-.4.8-.9V3.9s-.6-.9-.8-.9zM13 14H1V3.9h12V14z"/>
+  <path d="M8.7 12.1h-6c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6c.3 0 .5.2.5.5s-.3.5-.5.5zM11.5 9.9H5.4c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h6.1c.3 0 .5.2.5.5s-.2.5-.5.5zM7.7 7.8H3c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h4.7c.3 0 .5.2.5.5s-.2.5-.5.5z"/>
+</svg>
--- a/devtools/client/themes/images/tool-shadereditor.svg
+++ b/devtools/client/themes/images/tool-shadereditor.svg
@@ -1,9 +1,14 @@
 <!-- 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" fill="whitesmoke">
-    <path opacity="0.2" d="M2.6 2.8l10.7 10.7-10.7-.1z"/>
-    <path d="M11.4 10.5L5.9 5c-.3-.3-.8-.3-1 0-.3.3-.3.8 0 1l5.5 5.5c.1.1.3.2.5.2s.4-.1.5-.2c.2-.3.2-.7 0-1z"/>
-    <path opacity="0.5" d="M11.2 4.9H9.6c-.1 0-.1 0-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5c.1-.1 0-.1-.1-.1zM11.3 8.7H9.7s-.1 0-.1.1l1.8 1.8.1-.1V8.8c0-.1-.1-.1-.2-.1zM9.4 6.7H7.8s-.1 0-.1.1l1.8 1.8.1-.1V6.9c0-.1-.1-.2-.2-.2zM7.5 4.8H5.9s-.1 0-.1.1l1.8 1.8.1-.1V5c-.1-.1-.1-.2-.2-.2z"/>
-    <path d="M14 11.9V3.6c.5-.2.9-.7.9-1.3 0-.8-.7-1.5-1.5-1.5-.7 0-1.3.5-1.4 1.2H3.9C3.8 1.3 3.2.8 2.5.8 1.7.8 1 1.5 1 2.3c0 .6.4 1.2 1 1.4v8.2c-.6.2-1 .7-1 1.4 0 .8.7 1.5 1.5 1.5.5 0 1-.3 1.3-.7h8.5c.3.4.7.7 1.3.7.8 0 1.5-.7 1.5-1.5-.2-.6-.6-1.2-1.1-1.4zM4 4h8v8H4V4z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path opacity="0.2" d="M2.5 3.9l11.1 8.3-11.4.1.3-8.4z"/>
+  <path d="M-8.6 9.8l-5.5-5.5c-.3-.3-.8-.3-1 0-.3.3-.3.8 0 1l5.5 5.5c.1.1.3.2.5.2s.4-.1.5-.2c.2-.3.2-.7 0-1z"/>
+  <path d="M-6 11.2V2.9c.5-.2.9-.7.9-1.3C-5.1.8-5.8.1-6.6.1-7.3.1-7.9.6-8 1.3h-8.1c-.1-.7-.7-1.2-1.4-1.2-.8 0-1.5.7-1.5 1.5 0 .6.4 1.2 1 1.4v8.2c-.6.2-1 .7-1 1.4 0 .8.7 1.5 1.5 1.5.5 0 1-.3 1.3-.7h8.5c.3.4.7.7 1.3.7.8 0 1.5-.7 1.5-1.5-.2-.6-.6-1.2-1.1-1.4zm-10-7.9h8v8h-8v-8z"/>
+  <circle cx="14.9" cy="2.6" r="1.1"/>
+  <circle cx="1.1" cy="2.6" r="1.1"/>
+  <circle cx="1.3" cy="13.5" r="1.1"/>
+  <circle cx="14.9" cy="13.2" r="1.1"/>
+  <path d="M13.4 2.9H2.6c-.4 0-.8.4-.8.9V12c0 .4.3.9.8.9h10.8c.4 0 .8-.4.8-.9V3.8c0-.7-.6-.9-.8-.9zm-.2 8.3L3.5 3.9h9.7v7.3zM2.8 4.6l9.6 7.3H2.8V4.6z"/>
+  <path opacity="0.2" d="M8.3 4.1H6.7c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V4.2c.1-.1 0-.1-.1-.1zM10.6 5.8H9c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1 0 .1-.1.1-.1V5.9c0-.1 0-.1-.1-.1zM12.7 4.2h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1 0 .1-.1V4.3c0-.1 0-.1-.1-.1zM12.8 7.7h-1.6c-.1 0-.1.1-.1.1v1.6c0 .1.1.1.1.1h1.6c.1.1.1.1.1 0V7.9c0-.1 0-.2-.1-.2z"/>
+</svg>
--- a/devtools/client/themes/images/tool-storage.svg
+++ b/devtools/client/themes/images/tool-storage.svg
@@ -1,8 +1,11 @@
 <!-- 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" fill="whitesmoke">
-    <path d="M7.9 6.8C2 6.8 2 5 2 4.6v-.9C2 2 5.6 1.6 7.9 1.6c2.3 0 6.1.4 6.1 2.1v.8c0 .5-.2 2.3-6.1 2.3z"/>
-    <path d="M7.9 8.7C1.9 8.7 2 6.6 2 6.6v1.8c0 .4 0 2.3 5.8 2.3 6 0 6.2-1.9 6.2-2.3V6.8s0 1.9-6.1 1.9z"/>
-    <path d="M7.9 12.4c-6 0-5.9-2.1-5.9-2.1v1.8c0 .4 0 2.3 5.8 2.3 6 0 6.2-1.9 6.2-2.3v-1.6c0-.1 0 1.9-6.1 1.9z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M6.2 28C.3 28 .3 26.2.3 25.8V25c0-1.7 3.6-2.1 5.9-2.1s6.1.4 6.1 2.1v.8c0 .4-.2 2.2-6.1 2.2z"/>
+  <path d="M6.2 30c-6 0-5.9-2.1-5.9-2.1v1.8c0 .4 0 2.3 5.8 2.3 6 0 6.2-1.9 6.2-2.3V28s0 2-6.1 2z"/>
+  <path d="M6.2 33.7c-6 0-5.9-2.1-5.9-2.1v1.8c0 .4 0 2.3 5.8 2.3 6 0 6.2-1.9 6.2-2.3v-1.6c0-.2 0 1.8-6.1 1.9z"/>
+  <path d="M-4.1-3.1h-2.6v-1.5c0-.8-1-1.5-1.8-1.5h-2.4c-.8 0-1.8.7-1.8 1.5v1.5h-2.6c-.8 0-1.4.6-1.4 1.4v6.5c0 .8.6 1.1 1.4 1.1h11.2c.8 0 1.4-.3 1.4-1.1v-6.5c-.1-.8-.7-1.4-1.4-1.4zm.3 8h-12v-7h4v-3h4v3h3.9l.1 7z"/>
+  <path d="M-9.8-1.3c-1.3 0-2.4 1.1-2.4 2.4s1.1 2.4 2.4 2.4 2.4-1.1 2.4-2.4c0-1.3-1-2.4-2.4-2.4zm0 3.5c-.7 0-1.2-.5-1.2-1.1S-10.4 0-9.8 0s1.2.5 1.2 1.1-.5 1.1-1.2 1.1z"/>
+  <path d="M14 6.9v-3c0-2.8-10.3-2.8-10.3 0V12.3c.1 1.4 2.7 2.1 5.2 2.1s5-.7 5.1-2.1V6.9c0 .1 0 0 0 0zM4.7 5.2c1 .5 2.6.8 4.2.8s3.1-.3 4.1-.8V7c-.1.4-1.4 1-4 1-2.5 0-4.2-.6-4.3-1V5.2zm4.2-2.4c2.7 0 4.1.8 4.1 1.1S11.6 5 8.9 5c-2.7 0-4.2-.8-4.2-1.1s1.5-1.1 4.2-1.1zM4.7 8.2c1 .5 2.7.8 4.3.8 1.5 0 3-.3 4-.8v1c-.1.4-1.4 1.1-4 1.1s-4.2-.7-4.3-1.1v-1zm4.2 5.2c-2.6 0-4.1-.7-4.2-1.1v-1.9c1 .6 2.7.8 4.3.8 1.6 0 3.1-.3 4-.8v1.9c-.1.3-1.6 1.1-4.1 1.1z"/>
+</svg>
--- a/devtools/client/themes/images/tool-styleeditor.svg
+++ b/devtools/client/themes/images/tool-styleeditor.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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
-    <path d="M4.6 13.9h-.3c-1.6 0-2.5-.9-2.5-2.3 0-.4.1-.8.1-1.2.1-.4.2-.7.2-1.1 0-.3 0-.5-.6-.5-.3 0-.5-.2-.5-.5v-.7c0-.3.2-.5.5-.5.6 0 .6-.2.6-.5S2 6 2 5.6c-.1-.4-.2-.8-.2-1.2 0-1.4.9-2.3 2.5-2.3h.3c.3 0 .5.2.5.5v.7c0 .3-.2.5-.5.5h-.3c-.3.1-.5.1-.5.7 0 .2 0 .5.1.9 0 .3.1.7.1 1.1 0 .6-.2 1.1-.5 1.5.2.3.5.7.5 1.5 0 .3 0 .7-.1 1.1-.1.3-.1.6-.1.9 0 .6.2.7.6.7h.2c.3 0 .5.2.5.5v.7c0 .2-.2.5-.5.5zM11.7 13.9h-.3c-.3 0-.5-.2-.5-.5v-.7c0-.3.2-.5.5-.5h.2c.4 0 .6-.1.6-.7 0-.2 0-.4-.1-.7v-.2c0-.3-.1-.7-.1-1.1 0-.7.2-1.2.5-1.5-.3-.3-.5-.8-.5-1.5 0-.4.1-.7.1-1.1v-.2c0-.2.1-.5.1-.7 0-.5-.1-.7-.6-.7h-.2c-.3 0-.5-.2-.5-.5v-.7c0-.3.2-.5.5-.5h.3c1.5 0 2.5.8 2.5 2.3 0 .4-.1.8-.1 1.1-.1.5-.2.8-.2 1.1 0 .3 0 .5.6.5.3 0 .5.2.5.5v.7c0 .3-.2.5-.5.5-.5 0-.6.2-.6.5s0 .7.1 1c.1.3.1.8.1 1.2.1 1.5-.8 2.4-2.4 2.4z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M-13 9.3h-.3c-1.6 0-2.5-.9-2.5-2.3 0-.4.1-.8.1-1.2.1-.4.2-.7.2-1.1 0-.3 0-.5-.6-.5-.3 0-.5-.2-.5-.5V3c0-.3.2-.5.5-.5.6 0 .6-.2.6-.5s-.1-.6-.1-1c-.1-.4-.2-.8-.2-1.2 0-1.4.9-2.3 2.5-2.3h.3c.3 0 .5.2.5.5v.7c0 .3-.2.5-.5.5h-.3c-.3.1-.5.1-.5.7 0 .2 0 .5.1.9 0 .3.1.7.1 1.1 0 .6-.2 1.1-.5 1.5.2.3.5.7.5 1.5 0 .3 0 .7-.1 1.1-.1.3-.1.6-.1.9 0 .6.2.7.6.7h.2c.3 0 .5.2.5.5v.7c0 .2-.2.5-.5.5zm7.1 0h-.3c-.3 0-.5-.2-.5-.5v-.7c0-.3.2-.5.5-.5h.2c.4 0 .6-.1.6-.7 0-.2 0-.4-.1-.7V6c0-.3-.1-.7-.1-1.1 0-.7.2-1.2.5-1.5-.3-.3-.5-.8-.5-1.5 0-.4.1-.7.1-1.1V.6c0-.2.1-.5.1-.7 0-.5-.1-.7-.6-.7h-.2c-.3 0-.5-.2-.5-.5V-2c0-.3.2-.5.5-.5h.3c1.5 0 2.5.8 2.5 2.3 0 .4-.1.8-.1 1.1-.1.5-.2.8-.2 1.1 0 .3 0 .5.6.5.3 0 .5.2.5.5v.7c0 .3-.2.5-.5.5-.5 0-.6.2-.6.5s0 .7.1 1 .1.8.1 1.2c.1 1.5-.8 2.4-2.4 2.4zM13.5 7.7c-.6-.1-1-.3-1.2-.6-.1-.2-.2-.5-.2-.9v-1c0-.8-.1-1.3-.4-1.7-.4-.6-1.2-1-2.2-1h-.3v1.2h.2c.5 0 .9.3 1.1.7.1.2.2.6.2 1.1V6c0 .6.1 1.1.2 1.5.2.4.4.7.8.8-.4.2-.6.5-.8.9-.2.3-.2.8-.2 1.4v.9c0 .5-.1.8-.3 1.1-.3.2-.6.4-1 .4h-.2v1.2h.3c.7-.1 1.3-.3 1.8-.6.5-.4.8-1 .8-1.9v-1.2c0-.4.1-.7.2-.9.2-.4.6-.6 1.2-.7h.2V7.8l-.2-.1zM2.8 7.5c.2-.4.2-.9.2-1.4v-.9c0-.5.1-.8.3-1.1.2-.2.5-.4.9-.4h.2V2.5h-.3c-.6.1-1.2.3-1.7.6-.5.4-.8 1.1-.8 1.9v1.2c0 .4-.1.7-.2.9-.2.4-.6.6-1.2.7H0v1.1h.2c.6.1 1 .3 1.2.6.1.2.2.5.2.9v1c0 .8.1 1.3.4 1.7.4.6 1.2 1 2.2 1h.3v-1.2h-.2c-.5 0-.9-.3-1.1-.7-.1 0-.2-.4-.2-.9v-.7c0-.6 0-1-.2-1.4-.2-.4-.4-.7-.8-.8.4-.2.6-.5.8-.9zM-2 16.6c-.4 0-.8-.1-.8-.8 0-.3.1-.7.2-1 .1-.4.2-.8.2-1.2 0-1.2-1.3-1.6-2.1-1.6-.7 0-1 .3-1 .5s.2.4.5.4h.2l.1-.2s.1-.1.3-.1c.3 0 .5.2.5.6 0 .4 0 .8-.1 1.1 0 .4-.1.8-.1 1.3 0 .6.4 1 .8 1.2-.5.2-.8.6-.8 1.2 0 .5 0 .9.1 1.3 0 .4.1.7.1 1.1 0 .3-.2.6-.5.6-.2 0-.3-.1-.3-.1l-.1-.2H-5c-.3.1-.5.2-.5.4s.3.5 1 .5c.8 0 2.1-.4 2.1-1.6 0-.4-.1-.8-.2-1.2-.1-.4-.2-.7-.2-1 0-.7.4-.8.8-.8h.5v-.7H-2z"/>
+</svg>
--- 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 height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="whitesmoke">
-    <path d="M12.7 13c-1.5 0-2-2.3-2.3-4.9 0-.2 0-.3-.1-.4 0-.1 0-.3-.1-.5-.2-1.9-.5-2.8-.7-3.3-.1.5-.4 1.4-.6 3.3 0 .2-.1.4-.1.5 0 .1 0 .1-.1.3-.3 2.7-.7 5-2.2 5-1.5 0-2-2.3-2.3-4.9 0-.2 0-.3-.1-.4-.1-.1-.1-.3-.1-.5-.3-1.9-.5-2.8-.7-3.3-.2.5-.4 1.4-.7 3.4 0 .2 0 .3-.1.4 0 .5-.4.8-.9.7-.4-.1-.7-.5-.7-.9v-.3C1.4 3.9 1.9 2 3.3 2c1.5 0 1.9 2.4 2.3 5 0 .2 0 .3.1.4 0 .1 0 .3.1.5.3 1.9.5 2.8.7 3.3.2-.5.4-1.4.7-3.3 0-.2.1-.4.1-.5 0-.1 0-.2.1-.4.2-2.6.6-5 2.1-5s1.9 2.4 2.3 5c0 .2 0 .3.1.4 0 .1 0 .3.1.5.3 1.9.5 2.8.7 3.3.2-.5.4-1.4.7-3.4 0-.2 0-.3.1-.4.1-.4.5-.8.9-.7.4.1.8.5.7.9v.2c-.5 3.4-1 5.2-2.4 5.2z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke="whitesmoke" d="M2.7 8.6c-.1-2.9.2-4.1 1.4-4.1 1.8 0 .6 6.6 2.5 6.6s1-6.4 3-6.4.7 6.4 2.7 6.4c1.4 0 1.5-3.5 1.5-3.5"/>
+</svg>
--- a/devtools/client/themes/images/tool-webconsole.svg
+++ b/devtools/client/themes/images/tool-webconsole.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" fill="whitesmoke">
-    <path d="M13 13H3c-.5 0-1-.5-1-1s.5-1 1-1h10c.5 0 1 .5 1 1s-.5 1-1 1zM6.6 5.9L3.4 2.3C3.3 2.2 3.1 2 3 2h-.7c-.2 0-.4.2-.5.4-.1.3-.1.6.1.8l2.6 3-2.6 2.7c-.2.1-.2.4-.1.7.1.2.3.4.5.4h.8c.2 0 .3-.1.4-.2l3.1-3.2c.1-.1.2-.2.2-.4 0-.1 0-.2-.2-.3z"/>
-</svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="whitesmoke">
+  <path d="M6.8 9.3c0-.2 0-.3-.2-.4L4.9 7.2c-.3-.3-.7-.3-.9 0s-.3.6 0 .9l1.3 1.4L4 10.9c-.3.3-.3.6 0 .9s.6.3.9 0L6.7 10c.1-.2.2-.5.1-.7z"/>
+  <path d="M13.2 3H1.8c-.4 0-.8.4-.8.9v9.2s.3.9.8.9h11.4c.4 0 .8-.4.8-.9V3.9c0-.7-.6-.9-.8-.9zM13 13H2V6h11v7zm0-8H2V4h11v1z"/>
+</svg>
deleted file mode 100644
index 3ca29e4bcb57cb03012a7307ff16eee6ed3423fb..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
deleted file mode 100644
index 137d6df35d19ac5dd5965386d8620a0c35edf862..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
GIT binary patch
literal 0
Hc$@<O00001
--- a/devtools/client/themes/memory.css
+++ b/devtools/client/themes/memory.css
@@ -99,33 +99,27 @@ html, body, #app, #memory-tool {
   margin-inline-end: 5px;
 }
 
 #select-view {
   margin-inline-start: 5px;
 }
 
 #take-snapshot::before {
-  background-image: url(images/command-screenshot.png);
+  background-image: url(images/command-screenshot.svg);
 }
 
 #clear-snapshots::before {
   background-image: url(chrome://devtools/skin/images/clear.svg);
 }
 
 #diff-snapshots::before {
   background-image: url(chrome://devtools/skin/images/diff.svg);
 }
 
-@media (min-resolution: 1.1dppx) {
-  #take-snapshot::before {
-    background-image: url(images/command-screenshot@2x.png);
-  }
-}
-
 /**
  * Due to toolbar styles of `.devtools-toolbarbutton:not([label])` which overrides
  * .devtools-toolbarbutton's min-width of 78px, reset the min-width.
  */
 #import-snapshot,
 #clear-snapshots {
   -moz-box-align: center;
   flex-grow: 1;
--- a/devtools/client/themes/responsivedesign.inc.css
+++ b/devtools/client/themes/responsivedesign.inc.css
@@ -159,28 +159,24 @@
 }
 
 .devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
 .devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
   margin-left: 0;
 }
 
 .devtools-responsiveui-close {
-  list-style-image: url("chrome://devtools/skin/images/close.png");
+  list-style-image: url("chrome://devtools/skin/images/close.svg");
 }
 
 .devtools-responsiveui-rotate {
   list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate.png");
 }
 
 @media (min-resolution: 1.1dppx) {
-  .devtools-responsiveui-close {
-    list-style-image: url("chrome://devtools/skin/images/close@2x.png");
-  }
-
   .devtools-responsiveui-rotate {
     list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-rotate@2x.png");
   }
 }
 
 .devtools-responsiveui-touch {
   list-style-image: url("chrome://devtools/skin/images/responsivemode/responsiveui-touch.png");
   -moz-image-region: rect(0px,16px,16px,0px);
--- a/devtools/client/themes/toolbars.css
+++ b/devtools/client/themes/toolbars.css
@@ -487,18 +487,18 @@
   width: 16px;
   opacity: 0.8;
 }
 
 .devtools-closebutton > image {
   width: 16px;
   height: 16px;
   -moz-appearance: none;
-  background-size: 16px 16px;
-  background-image: url("chrome://devtools/skin/images/close@2x.png");
+  background-size: cover;
+  background-image: url("chrome://devtools/skin/images/close.svg");
   background-position: center center;
   background-repeat: no-repeat;
 }
 
 .devtools-closebutton > .toolbarbutton-icon {
   /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must
      use evil CSS to give the impression of smaller content */
   margin: -4px;
@@ -629,25 +629,25 @@
   width: 16px;
   height: 16px;
   background-size: 16px 16px;
   background-position: 0 center;
   background-repeat: no-repeat;
 }
 
 #toolbox-dock-bottom > image {
-  background-image: url("chrome://devtools/skin/images/dock-bottom@2x.png");
+  background-image: url("chrome://devtools/skin/images/dock-bottom.svg");
 }
 
 #toolbox-dock-side  > image {
-  background-image: url("chrome://devtools/skin/images/dock-side@2x.png");
+  background-image: url("chrome://devtools/skin/images/dock-side.svg");
 }
 
 #toolbox-dock-window > image {
-  background-image: url("chrome://devtools/skin/images/undock@2x.png");
+  background-image: url("chrome://devtools/skin/images/dock-undock.svg");
 }
 
 #toolbox-dock-bottom-minimize {
   /* Bug 1177463 - The minimize button is currently hidden until we agree on
      the UI for it, and until bug 1173849 is fixed too. */
   display: none;
 }
 
@@ -724,99 +724,61 @@
 .command-button[open=true] > image {
   opacity: 1;
 }
 .command-button[checked=true] > image {
   filter: url(images/filters.svg#checked-icon-state) !important;
 }
 
 #command-button-paintflashing > image {
-  background-image: url("chrome://devtools/skin/images/command-paintflashing.png");
+  background-image: url("chrome://devtools/skin/images/command-paintflashing.svg");
 }
 
 #command-button-screenshot > image {
-  background-image: url("chrome://devtools/skin/images/command-screenshot.png");
+  background-image: url("chrome://devtools/skin/images/command-screenshot.svg");
 }
 
 #command-button-responsive > image {
-  background-image: url("chrome://devtools/skin/images/command-responsivemode.png");
+  background-image: url("chrome://devtools/skin/images/command-responsivemode.svg");
+}
+
+#command-button-tilt > image {
+  background-image: url("chrome://devtools/skin/images/command-tilt.svg");
 }
 
 #command-button-scratchpad > image {
-  background-image: url("chrome://devtools/skin/images/command-scratchpad.png");
+  background-image: url("chrome://devtools/skin/images/command-scratchpad.svg");
 }
 
 #command-button-pick > image {
-  background-image: url("chrome://devtools/skin/images/command-pick.png");
+  background-image: url("chrome://devtools/skin/images/command-pick.svg");
 }
 
 #command-button-frames > image {
-  background-image: url("chrome://devtools/skin/images/command-frames.png");
+  background-image: url("chrome://devtools/skin/images/command-frames.svg");
 }
 
 #command-button-splitconsole > image {
-  background-image: url("chrome://devtools/skin/images/command-console.png");
+  background-image: url("chrome://devtools/skin/images/command-console.svg");
 }
 
 #command-button-noautohide > image {
   background-image: url("chrome://devtools/skin/images/command-noautohide.svg");
 }
 
 #command-button-eyedropper > image {
-  background-image: url("chrome://devtools/skin/images/command-eyedropper.png");
+  background-image: url("chrome://devtools/skin/images/command-eyedropper.svg");
 }
 
 #command-button-rulers > image {
-  background-image: url("chrome://devtools/skin/images/command-rulers.png");
+  background-image: url("chrome://devtools/skin/images/command-rulers.svg");
 }
 
 #command-button-measure > image {
-  background-image: url("chrome://devtools/skin/images/command-measure.png");
-}
-
-@media (min-resolution: 1.1dppx) {
-  #command-button-paintflashing > image {
-    background-image: url("chrome://devtools/skin/images/command-paintflashing@2x.png");
-  }
-
-  #command-button-screenshot > image {
-    background-image: url("chrome://devtools/skin/images/command-screenshot@2x.png");
-  }
-
-  #command-button-responsive > image {
-    background-image: url("chrome://devtools/skin/images/command-responsivemode@2x.png");
-  }
-
-  #command-button-scratchpad > image {
-    background-image: url("chrome://devtools/skin/images/command-scratchpad@2x.png");
-  }
-
-  #command-button-pick > image {
-    background-image: url("chrome://devtools/skin/images/command-pick@2x.png");
-  }
-
-  #command-button-frames > image {
-    background-image: url("chrome://devtools/skin/images/command-frames@2x.png");
-  }
-
-  #command-button-splitconsole > image {
-    background-image: url("chrome://devtools/skin/images/command-console@2x.png");
-  }
-
-  #command-button-eyedropper > image {
-    background-image: url("chrome://devtools/skin/images/command-eyedropper@2x.png");
-  }
-
-  #command-button-rulers > image {
-    background-image: url("chrome://devtools/skin/images/command-rulers@2x.png");
-  }
-
-  #command-button-measure > image {
-    background-image: url("chrome://devtools/skin/images/command-measure@2x.png");
-  }
+  background-image: url("chrome://devtools/skin/images/command-measure.svg");
 }
 
 /* Tabs */
 
 .devtools-tabbar {
   -moz-appearance: none;
   min-height: 24px;
   border: 0px solid;