add firefox theme40.20150819

14 files changed, 1503 insertions, 0 deletions

diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
new file mode 100644
index 0000000..f1b5594
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+  <path fill="#00B2F7" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5
+    S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62
+    h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702
+    c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
new file mode 100644
index 0000000..dc51832
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
@@ -0,0 +1,224 @@
+/* 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/. */
+
+/************** LAYOUT **************/
+
+#connection-footer {
+  display: flex;
+  flex-direction: column;
+  height: 50px;
+}
+
+#banners-and-logs {
+  display: flex;
+  flex-grow: 1;
+  max-height: 100%;
+}
+
+#logs {
+  display: flex;
+  width: 40%;
+  padding: 0;
+  width: 100%;
+}
+
+.banner {
+  display: none;
+  width: 60%;
+}
+
+#connection-footer[status="connected"]     #banner-connected,
+#connection-footer[status="connecting"]    #banner-connecting,
+#connection-footer[status="disconnected"]  #banner-disconnected,
+#connection-footer[status="disconnecting"] #banner-disconnecting {
+  display: flex;
+}
+
+body.show-simulators .banner,
+body.edit-connection .banner {
+  display: none !important;
+}
+
+body.show-simulators #banner-simulators,
+body.edit-connection #banner-editing {
+  display: flex !important;
+}
+
+#banner-logs {
+  width: 40%;
+  display: flex;
+}
+
+#logs > pre {
+  overflow: auto;
+  white-space: pre-line;
+}
+
+#status.banner-box {
+  width: 100% !important;
+}
+
+.banner-box {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+}
+
+#banner-connected > .banner-box {
+  align-items: flex-start;
+}
+
+#start-simulator-box {
+  display: inline;
+}
+
+/************** PIXELS **************/
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-size: 0.9rem;
+}
+
+body {
+  color: #333;
+  background-color: white;
+  font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+}
+
+button {
+  background: linear-gradient(to bottom, #49535C, #394148);
+  box-shadow: 0px 1px 1px #3C444D, inset 0 1px 0px rgba(255,255,255,0.1);
+  color: #9FA6AD;
+  text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
+  border: 1px solid #111;
+  cursor: pointer;
+  border-radius: 3px;
+  padding: 3px 10px;
+}
+
+button.left {
+  margin-right: 0px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+button.right {
+  margin-left: -6px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+button.action-primary {
+  background: linear-gradient(to bottom, #276DA3, #1E5580);
+  color: #EEE;
+}
+
+button.action-cancel {
+  background: linear-gradient(to bottom, #B32B02, #942300);
+  color: #EEE;
+}
+
+#banners-and-logs {
+  border-top: #111 solid;
+  border-width: 1px 0;
+  background: linear-gradient(to bottom, #323A42, #29313A);
+  color: #A8BABF;
+  box-shadow: inset 0 0 1px #424A51;
+}
+
+#status {
+  background: linear-gradient(to bottom, #454F59, #404952);
+  box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;
+}
+
+#logs > pre {
+  border: 1px solid #111;
+  box-shadow: 0px 1px 1px #49525A, inset 0 0 5px rgba(0,0,0,0.3);
+  font-size: 10px;
+  background: #22272D;
+  padding: 5px;
+  height: 100%;
+  padding-left: 20px;
+  position: relative;
+}
+
+#logs > pre span{
+  text-shadow: 0 1px 2px #000;
+  color: #3195FB;
+  position: fixed;
+  right: calc(30% - 15px);
+  bottom: -1px;
+}
+
+#logs > pre b {
+  font-size: 10px;
+  color: #70C4FF;
+}
+
+.banner-box {
+  box-shadow: inset 0 0 1px #667480, inset 0 1px 0 #5E6973;
+  border-right: 1px solid #111;
+  background-position: center right;
+  background-size: 1px 100%;
+  background-repeat: no-repeat;
+  padding: 10px 20px;
+  position: relative;
+}
+
+.connected-status {
+  color: #B3BFC9;
+  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
+  padding-bottom: 10px;
+}
+
+.connected-status {
+  font-size: 150%;
+  top: 10%;
+  padding-right: 3px;
+  position: relative;
+}
+
+.connected-indicator {
+  box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0px 1px rgba(255,255,255,0.3);
+  height: 100%;
+  flex: 0 0 10px;
+}
+
+#banner-connected .connected-indicator,
+#banner-connecting .connected-indicator {
+  background: linear-gradient(to bottom, #69B8FF, #339FFF );
+}
+
+#banner-simulators .connected-indicator,
+#banner-disconnected .connected-indicator,
+#banner-editing .connected-indicator,
+#banner-disconnecting .connected-indicator {
+  background: linear-gradient(to bottom, #375A87, #1C4375 );
+}
+
+#banner-simulators .banner-content > * {
+  display: inline-block;
+}
+
+#banner-simulators[simulator-count="0"] .found-simulator,
+#banner-simulators:not([simulator-count="0"]) .no-simulator {
+  display: none;
+}
+
+#connection-no-device,
+[device-count="0"] > #connection-found-device,
+#connection-manual,
+#connection-assisted {
+  display: none;
+}
+
+#connection-found-device,
+[device-count="0"] > #connection-no-device,
+[adb-available="true"] > #connection-assisted,
+[adb-available="false"] > #connection-manual {
+  display: inline;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
new file mode 100644
index 0000000..f186d9c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
new file mode 100644
index 0000000..fc6efd9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
@@ -0,0 +1,410 @@
+/* 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/. */
+
+/*****************      GENERAL      *****************/
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  font-size: 0.9rem;
+  color: #333;
+  background-color:  rgb(225, 225, 225);
+  font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+  display: flex;
+  flex-direction: column;
+}
+
+template {
+  display: none;
+}
+
+h1 {
+  font-size: 20px;
+}
+
+#content {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  overflow: hidden;
+}
+
+#detail {
+  background-image: url('noise.png');
+  display: flex;
+  flex-grow: 1;
+  z-index: 1;
+  overflow: hidden;
+}
+
+#meta {
+  background-size: 100%;
+  padding-top: 50px;
+}
+
+#connection-footer {
+  border-width: 0;
+  height: 50px;
+  min-height: 50px;
+}
+
+
+#root-actor-debug {
+  background: white;
+}
+
+/*****************     APP BUTTONS      *****************/
+
+
+
+.app-buttons {
+  display: block;
+  margin-left: 20px;
+  color: #BBB;
+}
+
+button {
+  margin: 0;
+  font-size: 11px;
+  border: 1px solid #CCC;
+  padding: 5px 15px;
+  cursor: pointer;
+  background: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  border-radius: 3px;
+  border-width: 1px;
+}
+
+.app-buttons > button {
+  display: none;
+}
+
+.app-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.app[running="false"] > .app-buttons > .button-start,
+.app[running="true"] > .app-buttons > .button-stop,
+.app[running="true"] > .app-buttons > .button-debug {
+  display: inline-block;
+}
+
+.button-debug {
+  color: #3498DB;
+}
+
+.button-debug:hover {
+  background-color: #3498DB;
+  color: #FFF;
+}
+
+.button-debug[disabled] {
+  color: #3498DB;
+}
+
+.button-start {
+  color: #18BC9C
+}
+
+.button-start:hover {
+  background-color: #18BC9C;
+  color: #FFF;
+}
+
+.button-start[disabled] {
+  color: #18BC9C
+}
+
+.button-stop {
+  color: #E74C3C;
+}
+
+.button-stop:hover {
+  background-color: #E74C3C;
+  color: #FFF;
+}
+
+.button-stop[disabled] {
+  color: #E74C3C;
+}
+
+
+
+/*****************     PERMISSIONS     *****************/
+
+
+
+
+.permission-table {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.permission-table-body {
+  overflow: auto;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+
+.permission-table-header,
+.permission-table-footer {
+  display: flex;
+  background: #FFF;
+  border-top: 1px solid #CCC;
+  z-index: 2;
+  flex-shrink: 0;
+}
+
+.permission-table-header > div,
+.permission-table-footer > div {
+  z-index: 2;
+  flex-grow: 1;
+  background: linear-gradient(to bottom, #49535C, #394148);
+  box-shadow: 0px 1px 3px rgba(12, 20, 30, 0.5), inset 0 1px 0px rgba(255,255,255,0.1);
+  color: #9FA6AD;
+  text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
+  border: 0;
+  margin: auto 0;
+  padding: 5px;
+  text-align: center;
+  background: transparent;
+  box-shadow: none;
+  text-shadow: none;
+}
+
+.permission-table-header > div {
+  flex-basis: 20%;
+}
+
+.permission-table-header > div:first-child {
+  text-align: start;
+  padding-left: 10px;
+  flex-basis: 30%;
+}
+
+.permission-table-header {
+  border: 0;
+  border-bottom: 1px solid #CCC;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+}
+
+.permission-table-footer {
+  box-shadow: 0 -1px 4px rgba(0,0,0,0.3);
+}
+
+.permission {
+  display: flex;
+  flex-grow: 1;
+}
+
+.permission:nth-child(odd) {
+  background: #E4E4E4;
+}
+
+.permission:hover {
+  background: #EEE;
+}
+
+.permission > div {
+  flex-grow: 1;
+  flex-basis: 20%;
+  text-align: center;
+  padding: 3px;
+  border-right: 1px solid #CCC;
+  border-bottom: 1px solid #CCC;
+}
+
+.permission > div:first-child {
+  text-align: start;
+  padding: 3px 10px;
+  flex-basis: 30%;
+  font-weight: bold;
+}
+
+.permission > div[permission="1"]:before, .allow-label:after {
+  color: #98CF39;
+  content: '   \2713';
+}
+
+.permission > div[permission="2"]:before, .deny-label:after {
+  color: #CC4908;
+  content: '   \2715';
+}
+
+.permission > div[permission="3"]:before, .prompt-label:after {
+  color: #009EED;
+  content: '   !';
+}
+
+
+
+
+/*****************     SIDEBAR      *****************/
+
+
+
+
+#sidebar {
+  background: #EEE;
+  position: relative;
+  box-shadow: 0 1px 6px rgba(0,0,0,0.3);
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 350px;
+  overflow: hidden;
+  z-index: 100;
+}
+
+.sidebar-item {
+  background-color: #F6F6F6;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+  color: #666;
+  line-height: 120%;
+  cursor: pointer;
+  display: flex;
+  padding: 15px 10px;
+  display: block;
+  text-align: start;
+  flex-grow: 1;
+}
+
+.sidebar-item > * {
+  flex-shrink: 0;
+}
+
+.sidebar-item:hover {
+  background-color: #EEE;
+}
+
+.sidebar-item.selected {
+  background-color: #46AFE3;
+  color: #FFF;
+}
+
+.help {
+  float: right;
+  padding: 0 5px;
+}
+
+/*****************     HEADER      *****************/
+
+header {
+  padding-top: 140px;
+  background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
+  color: #FFF;
+  text-shadow: 0 1px 2px rgba(0,0,0,0.8);
+  padding: 10px;
+}
+
+
+
+/*****************      APPS & BROWSER TABS      *****************/
+
+
+
+
+.apps, .browser-tabs {
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
+
+.browser-tabs.hidden {
+  display: none;
+}
+
+.app, .browser-tab {
+  display: flex;
+  align-items: center;
+  order: 1;
+}
+
+.app-name, .browser-tab-details {
+  flex-grow: 1;
+  font-weight: bold;
+}
+
+.app, .browser-tab {
+  padding: 10px 20px;
+  border-bottom: 1px solid #CCC;
+}
+
+.app:hover, .browser-tab:hover {
+  background-color: #EFEFEF;
+}
+
+.app-icon {
+  width: 32px;
+  height: 32px;
+  margin-right: 10px;
+}
+
+.browser-tab-url-subheading {
+  font-size: 10px;
+}
+
+
+
+/*****************      NOT CONNECTED      *****************/
+
+
+
+body:not(.notconnected) > #notConnectedMessage,
+body.notconnected > #content {
+  display: none;
+}
+
+#notConnectedMessage {
+  flex-grow: 1;
+  flex-direction: column;
+  margin: 50px auto;
+}
+
+#notConnectedMessage > span {
+  padding: 20px;
+  border: 1px solid #CCC;
+  border-radius: 5px;
+}
+
+#notConnectedMessage > span:before {
+  content: '';
+  background: url('error.svg') no-repeat;
+  background-size: 18px;
+  height: 24px;
+  width: 24px;
+  position: relative;
+  top: 10px;
+  display: inline-block;
+}
+
+
+
+/*****************      TABS       *****************/
+
+#tabs {
+  flex-grow: 1;
+  overflow: auto;
+}
+
+.tabpanel:not(.selected) {
+  display: none;
+}
+
+#tabs-headers {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
new file mode 100644
index 0000000..21261cd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+  <path fill="#E25026" d="M32,4.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5S47.74,4.894,32,4.894
+    z M46.903,48.674c-1.817,1.817-4.691,1.76-6.449,0.002l-8.327-8.327l-8.151,8.151c-1.877,1.877-4.87,1.814-6.685,0
+    c-1.877-1.877-1.879-4.811-0.002-6.687l8.151-8.151l-8.327-8.327c-1.76-1.76-1.817-4.634,0-6.451c1.76-1.76,4.691-1.76,6.451,0
+    l8.327,8.327l8.151-8.151c1.877-1.877,4.811-1.874,6.687,0.002c1.814,1.814,1.877,4.808,0,6.685l-8.151,8.151l8.327,8.327
+    C48.662,43.982,48.662,46.914,46.903,48.674z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
new file mode 100644
index 0000000..087819e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
@@ -0,0 +1,40 @@
+/* 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/. */
+
+html, body {
+  margin: 0;
+  height: 100%;
+}
+
+body {
+  color: #555;
+  font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+  overflow: hidden;
+  max-width: 600px;
+  margin: auto;
+  padding: 20px 0;
+  background-color: #FFF;
+}
+
+button {
+  border: 1px solid #CCC;
+  padding: 5px 15px;
+  cursor: pointer;
+  background: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  color: #3498DB;
+}
+
+button:hover {
+  background-color: #3498DB;
+  color: #FFF;
+}
+
+a, a:visited {
+  color: rgb(39,109,163);
+}
+
+#close-button {
+  float: right;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
new file mode 100644
index 0000000..b0a414d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>

+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

+	 width="160px" height="240px" viewBox="0 0 160 240" enable-background="new 0 0 160 240" xml:space="preserve">

+<rect y="40" display="none" fill="#22272D" width="84" height="160"/>

+<rect x="80.75" y="40" display="none" fill="#194866" width="84" height="160"/>

+<path fill="#414042" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466

+	c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596

+	C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244

+	c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>

+<path fill="#414042" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553

+	c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627

+	s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>

+<g>

+	<g>

+		<path fill="#B2B5B9" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466

+			c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596

+			C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244

+			c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>

+		<path fill="#B2B5B9" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553

+			c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627

+			s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>

+	</g>

+</g>

+<g>

+	<path fill="#DCE8F3" d="M120,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L108,39.181v12l3.204,0l4.467-4.466

+		c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.467,4.466l3.204,0v-12l-4.597-4.596

+		C126.042,27.895,122.044,21.149,120,21.149z M120.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244

+		c-0.987,0-1.933,0.099-2.815,0.271C118.03,30.199,119.289,28.185,120.005,28.185z"/>

+	<path fill="#DCE8F3" d="M121.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553

+		c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627

+		s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C121.337,49.929,121.436,50.434,121.436,50.98z"/>

+</g>

+<g>

+	<g>

+		<path fill="#B2B5B9" d="M52.5,136.017c0,2.279-1.888,4.167-4.167,4.167H31.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333

+			c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M49.375,107.892

+			c0-0.554-0.488-1.042-1.042-1.042H31.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667

+			c0.553,0,1.042-0.488,1.042-1.042V107.892z M42.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521

+			c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C43.125,102.912,42.897,102.684,42.604,102.684z

+			 M40,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604

+			C42.604,134.585,41.432,133.413,40,133.413z"/>

+	</g>

+</g>

+<g>

+	<path fill="#DCE8F3" d="M132.5,136.017c0,2.279-1.888,4.167-4.167,4.167h-16.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333

+		c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M129.375,107.892

+		c0-0.554-0.488-1.042-1.042-1.042h-16.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667

+		c0.553,0,1.042-0.488,1.042-1.042V107.892z M122.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521

+		c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C123.125,102.912,122.897,102.684,122.604,102.684z

+		 M120,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604

+		C122.604,134.585,121.432,133.413,120,133.413z"/>

+</g>

+<g>

+	<path fill="#B2B5B9" d="M40,185.388c8.121,0,14.729,6.607,14.729,14.729S48.121,214.845,40,214.845s-14.729-6.607-14.729-14.729

+		S31.879,185.388,40,185.388 M40,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367

+		s17.367-7.775,17.367-17.367C57.367,190.525,49.591,182.75,40,182.75L40,182.75z"/>

+	<g>

+		<path fill="#B2B5B9" d="M39.565,204.504c-0.688,0-1.196-0.508-1.286-1.195l-0.299-2.57c-0.12-0.808,0.359-1.405,1.166-1.495

+			c2.81-0.269,4.364-1.345,4.364-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.87,0.568-4.065,1.645

+			c-0.299,0.239-0.688,0.418-1.106,0.418c-0.926,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285

+			c1.584-1.495,3.587-2.481,6.337-2.481c4.185,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.12,1.375

+			c-0.12,0.657-0.598,1.195-1.285,1.195H39.565z M39.565,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299

+			c0,1.166-0.896,2.062-2.122,2.062s-2.123-0.896-2.123-2.062v-0.299C37.442,207.583,38.339,206.687,39.565,206.687z"/>

+	</g>

+</g>

+<g>

+	<path fill="#DCE8F3" d="M120,185.388c8.121,0,14.729,6.607,14.729,14.729s-6.607,14.729-14.729,14.729s-14.729-6.607-14.729-14.729

+		S111.879,185.388,120,185.388 M120,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367

+		s17.367-7.775,17.367-17.367C137.367,190.525,129.591,182.75,120,182.75L120,182.75z"/>

+	<g>

+		<path fill="#DCE8F3" d="M119.564,204.504c-0.688,0-1.195-0.508-1.285-1.195l-0.299-2.57c-0.12-0.808,0.358-1.405,1.166-1.495

+			c2.81-0.269,4.363-1.345,4.363-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.869,0.568-4.064,1.645

+			c-0.3,0.239-0.688,0.418-1.106,0.418c-0.927,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285

+			c1.584-1.495,3.587-2.481,6.337-2.481c4.186,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.119,1.375

+			c-0.12,0.657-0.598,1.195-1.285,1.195H119.564z M119.564,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299

+			c0,1.166-0.896,2.062-2.122,2.062s-2.122-0.896-2.122-2.062v-0.299C117.442,207.583,118.339,206.687,119.564,206.687z"/>

+	</g>

+</g>

+</svg>

diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
new file mode 100644
index 0000000..cb3f876
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
@@ -0,0 +1,103 @@
+/* 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/. */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+}
+
+#tabs {
+  box-shadow: inset -4px 0 0 rgba(0,0,0,0.3);
+  background: #252C33;
+}
+
+#toolbox-tabs {
+  overflow-y: auto;
+}
+
+.button {
+  width: 80px;
+  height: 85px;
+  padding-bottom: 5px;
+  -moz-appearance: none;
+  border: none;
+  border-bottom: 1px solid #121214;
+  background-color: transparent;
+  color: #B5B8BB;
+  cursor: pointer;
+  text-align: center;
+  -moz-box-align: end;
+  font-size: 10px;
+  text-shadow: 0 1px 0 #333;
+  color: #9FA6AD;
+}
+
+.button:first-child {
+  border-top: none;
+}
+
+.button[selected] {
+  box-shadow: inset -4px 0 0 rgba(0,0,0,0.3), inset 2px 0 0 #DEFFFF, inset 3px 0 0 #8DC7E8, inset 4px 0 1px #1D6496;
+  color: #DCE8F3;
+  background-color: #1A4766;
+  border-color: #191B1E;
+}
+
+.button::-moz-focus-inner {
+  border-width: 0;
+}
+
+.panel {
+  border-width: 0;
+}
+
+.panel:not([selected="true"]) {
+  display: none;
+}
+
+.button.toolbox {
+  background-repeat: no-repeat;
+  background-position: center 15px;
+  background-size: 40px 40px;
+}
+
+.projects-button {
+  background: url('chrome://browser/skin/devtools/app-manager/index-icons.svg') no-repeat;
+  background-position: left -5px;
+}
+
+.projects-button[selected] {
+  background-position: right -5px;
+}
+
+.device-button {
+  background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+  background-position: left -85px, top left;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 160px 240px, 2px 80px;
+}
+
+.device-button[selected] {
+  background-position: right -85px, top left;
+}
+
+.help-button {
+  border-bottom: 0;
+  background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+  background-position: left -165px, top left;
+  background-repeat: no-repeat, no-repeat;
+  background-size: 160px 240px, 2px 80px;
+}
+
+.help-button[selected] {
+  background-position: right -165px, top left;
+}
+
+#connection-footer {
+  border-width: 0;
+  height: 50px;
+  min-height: 50px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
new file mode 100644
index 0000000..b3c42ac
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
new file mode 100644
index 0000000..10e8d2b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+  <path fill="#ABABAB" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5
+    S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62
+    h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702
+    c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
new file mode 100644
index 0000000..98b2289
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
@@ -0,0 +1,556 @@
+/* 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/. */
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-size: 0.9rem;
+}
+
+html, body {
+  height: 100%;
+}
+
+template {
+  display: none;
+}
+
+body {
+  display: flex;
+  color: #333;
+  background-color: white;
+  font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+  overflow: hidden;
+}
+
+body:not(.connected) button.device-action {
+  display: none;
+}
+
+strong {
+  color: #111;
+}
+
+
+/********* SIDEBAR ***********/
+
+
+
+#sidebar {
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 350px;
+  overflow: hidden;
+  z-index: 100;
+  background-color: #E9EAEB;
+  position: relative;
+  box-shadow: 3px 0 1.5px rgba(0,0,0,0.08);
+}
+
+#project-list {
+  height: 100%;
+  overflow: auto;
+}
+
+#project-list:not([projects-count="0"]) > #no-project {
+  display: none;
+}
+
+#no-project {
+  padding: 100px 20px 0;
+  font-weight: bold;
+  color: #BBB;
+  font-size: 22px;
+}
+
+
+/********* PROJECT MENU ***********/
+
+
+.project-item {
+  padding: 10px 0;
+  background-color: #F0F1F2;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+  color: #666;
+  line-height: 120%;
+  cursor: pointer;
+  display: flex;
+  position: relative;
+}
+
+.project-item:hover {
+  background-color: #EEE;
+}
+
+.project-item > * {
+  flex-shrink: 0;
+}
+
+.project-item.selected {
+  background-color: #46AFE3;
+}
+
+.project-item.selected strong {
+  color: #FFF;
+}
+
+.project-item.selected p,
+.project-item.selected span {
+  color: #C1DCF0;
+}
+
+.button-remove {
+  background-image: url('remove.svg');
+  background-size: 20px;
+  width: 20px;
+  height: 20px;
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  visibility: hidden;
+  opacity: 0.5;
+}
+
+.project-item:hover .button-remove {
+  visibility: visible;
+}
+
+.project-item-status {
+  width: 6px;
+  margin: -10px 0;
+  border-right: 1px solid rgba(0,0,0,0.1);
+  box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.2);
+}
+
+.project-item-status[status="valid"] {
+  background-color: #70BF53;
+}
+
+.project-item-status[status~="warning"] {
+  background-color: #F2B33F;
+}
+
+.project-item-status[status~="error"] {
+  background-color: #ED4C62;
+}
+
+.project-item-icon {
+  width: 32px;
+  height: 32px;
+  margin: 0 10px;
+}
+
+.project-item-meta {
+  flex-grow: 1;
+  flex-shrink: 1 !important;
+}
+
+.project-item-type {
+  font-size: 10px;
+  line-height: 20px;
+  float: right;
+  padding-right: 10px;
+  color: #7597B9;
+  text-transform: uppercase;
+}
+
+.project-item-description {
+  color: #888;
+  font-size: 90%;
+}
+
+/********* ADD PROJECT ***********/
+
+#new-packaged-project {
+  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
+  background-position: calc(100% - 10px) 10px;
+}
+
+#new-packaged-project,
+#new-hosted-project {
+  background-color: #EEE;
+  border: none;
+  border-top: 1px solid #DDD;
+  padding: 10px;
+  font-weight: bold;
+}
+
+#new-packaged-project:hover,
+#new-hosted-project:hover {
+  background-color: #DDD;
+}
+
+#new-hosted-project-wrapper {
+  display: flex;
+  align-items: center;
+}
+
+#new-packaged-project,
+#new-hosted-project-click {
+  background-image: url('plus.svg');
+  background-size: 20px;
+  background-repeat: no-repeat;
+  cursor: pointer;
+}
+
+#new-hosted-project-click {
+  background-position: top right;
+  width: 20px;
+  height: 20px;
+  margin-left: 5px;
+}
+
+#url-input {
+  flex-grow: 1;
+  width: 90%;
+  box-shadow: none;
+  border-radius: 3px;
+  border: 1px solid #DDD;
+  padding: 4px;
+  margin-top: 4px;
+}
+
+
+/********* LENSE ***********/
+
+
+#lense {
+  height: 100%;
+  flex-grow: 1;
+  display: flex;
+  z-index: 1;
+  overflow: hidden;
+  background-color: rgb(225, 225, 225);
+  background-image: url('rocket.svg'), url('noise.png');
+  background-repeat: no-repeat, repeat;
+  background-size: 35%, auto;
+  background-position: center center, top left;
+}
+
+#lense > div {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+}
+
+
+/********* PROJECT ***********/
+
+
+.project-details {
+  background-color: rgb(225, 225, 225);
+  padding: 10px;
+  line-height: 160%;
+  display: flex;
+  flex-direction: column;
+}
+
+.project-metadata {
+  flex-grow: 1;
+}
+
+.project-status {
+  display: flex;
+}
+
+.project-title {
+  flex-direction: row;
+  display: flex;
+  align-items: flex-start;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #CCC;
+  margin-bottom: 10px;
+}
+
+.project-title > h1 {
+  flex-grow: 1;
+  font-size: 24px;
+}
+
+.project-location {
+  color: gray;
+  font-size: 10px;
+  cursor: pointer;
+  font-family: monospace;
+}
+
+.project-location:hover {
+  text-decoration: underline;
+}
+
+.project-header {
+  display: flex;
+  border-bottom: 1px solid #CCC;
+  margin: 10px 20px 10px 20px;
+  padding-bottom: 10px;
+}
+
+.project-icon {
+  flex-shrink: 0;
+  width: 64px;
+  height: 64px;
+  margin-right: 10px;
+}
+
+.project-location {
+  font-size: 11px;
+  color: #999;
+}
+
+.project-description {
+  font-style: italic;
+  color: #333;
+}
+
+.project-status > p {
+  text-transform: uppercase;
+  font-size: 10px;
+  padding: 2px 10px;
+  border-radius: 2px;
+  margin-top: 6px;
+  line-height: 10px;
+}
+
+.project-validation {
+  color: #FFF;
+  display: none;
+  margin-left: 10px;
+}
+
+.project-validation.valid {
+  background-color: #70BF53;
+}
+
+.project-validation.warning {
+  background-color: #F2B33F;
+}
+
+.project-validation.error {
+  background-color: #ED4C62;
+}
+
+[status="valid"] > .project-validation.valid,
+[status~="warning"] > .project-validation.warning,
+[status~="error"] > .project-validation.error {
+  display: inline;
+}
+
+.project-type {
+  display: none;
+  margin-left: 10px;
+}
+[type="hosted"] > .project-type.hosted,
+[type="packaged"] > .project-type.packaged {
+  display: inline;
+}
+
+/********* PROJECT BUTTONS ***********/
+
+
+
+.project-buttons {
+  display: flex;
+  margin-left: 20px;
+  color: #BBB;
+}
+
+.project-buttons > button {
+  margin: 0;
+  font-size: 11px;
+  border: 1px solid #CCC;
+  border-left-width: 0;
+  padding: 5px 15px;
+  cursor: pointer;
+  background: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+}
+
+.project-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.project-buttons > button:first-child {
+  border-left-width: 1px;
+}
+
+.project-button-debug {
+  color: #3498DB;
+}
+
+.project-button-debug:hover {
+  background-color: #3498DB;
+  color: #FFF;
+}
+
+.project-button-debug[disabled] {
+  color: #3498DB;
+}
+
+.project-button-update {
+  color: #777;
+}
+
+.project-button-update:hover {
+  background-color: #777;
+  color: #FFF;
+}
+
+.project-button-update[disabled] {
+  color: #777;
+}
+
+
+
+/********* ERRORS AND WARNINGS ***********/
+
+.project-warnings,
+.project-errors,
+.project-item-warnings,
+.project-item-errors {
+  display: none;
+}
+
+[status~="warning"] .project-item-warnings,
+[status~="error"] .project-item-errors {
+  display: inline-block;
+}
+
+[status~="warning"] > .project-warnings,
+[status~="error"] > .project-errors {
+  display: block;
+}
+
+.project-warnings,
+.project-errors {
+  margin: 20px 20px 0;
+  padding: 10px 10px;
+  font-family: monospace;
+}
+
+.project-warnings {
+  border-left: 3px solid #ECB51E;
+  background-color: rgba(236, 181, 20, 0.1);
+}
+
+.project-errors {
+  border-left: 3px solid #ED4C62;
+  background-color: rgba(237,76,98,0.1);
+}
+
+.project-item-warnings {
+  background-image: url('warning.svg');
+}
+
+.project-item-errors {
+  background-image: url('error.svg');
+  color: rgb(227, 79, 34);
+}
+
+.project-item-warnings,
+.project-item-errors {
+  background-repeat: no-repeat;
+  background-size: 12px;
+  background-position: left center;
+  margin-top: 6px;
+}
+
+.project-item-warnings > span,
+.project-item-errors > span {
+  font-size: 11px;
+  padding-left: 16px;
+  font-weight: bold;
+}
+
+
+/********* MANIFEST EDITOR ***********/
+
+.manifest-editor {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  background-color: #E1E1E1;
+}
+
+.manifest-header {
+  display: flex;
+  flex-direction: row;
+}
+
+.manifest-header > h2 {
+  font-size: 18px;
+  margin: 1em 15px 1em 30px;
+  display: none;
+}
+
+.manifest-header > button {
+  margin: 18px 0;
+  font-size: 11px;
+  border: 1px solid #CCC;
+  border-right-width: 0;
+  padding: 2px;
+  cursor: pointer;
+  background: rgba(255,255,255,0.4);
+  text-transform: uppercase;
+  display: none;
+}
+
+.manifest-header > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.manifest-header > button:last-child {
+  border-right-width: 1px;
+}
+
+[type="packaged"] > .editable {
+  display: block;
+}
+
+[type="hosted"] > .viewable {
+  display: block;
+}
+
+.manifest-button-save {
+  color: #777;
+}
+
+.manifest-button-save:hover {
+  background-color: #777;
+  color: #FFF;
+}
+
+.manifest-button-save[disabled] {
+  color: #777;
+}
+
+.variables-view {
+  flex-grow: 1;
+  border: 0;
+  border-top: 5px solid #C9C9C9;
+}
+
+/* Bug 925921: Remove when the manifest editor is always on */
+
+.manifest-editor {
+  display: none;
+}
+
+.project-details {
+  flex-grow: 1;
+}
+
+#lense[manifest-editable] .manifest-editor {
+  display: flex;
+}
+
+#lense[manifest-editable] .project-details {
+  flex-grow: 0;
+}
+
+/* End blocks to remove */
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
new file mode 100644
index 0000000..3d36871
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+<path d="m 12.183457,12.241457 c -11.129861,11.12986 -11.129861,29.175226 0,40.305086 11.12986,11.129861 29.175226,11.129861 40.305086,0 11.129861,-11.12986 11.129861,-29.175226 0,-40.305086 -11.12986,-11.129861 -29.175226,-11.129861 -40.305086,0 z m 32.241241,14.52963 -5.531697,5.531696 5.388154,5.388154 c 1.82575,1.82575 1.82575,4.823882 0,6.649632 -1.827164,1.827164 -4.825297,1.827164 -6.651047,0.0014 l -5.388153,-5.388153 -5.527454,5.527453 c -1.781909,1.781909 -4.686704,1.779081 -6.465784,0 -1.779081,-1.77908 -1.781202,-4.684582 0,-6.465784 l 5.527453,-5.527454 -5.388153,-5.388153 c -1.82575,-1.82575 -1.82575,-4.823883 0.0014,-6.651047 1.82575,-1.82575 4.823882,-1.82575 6.649632,0 l 5.388154,5.388154 5.531696,-5.531697 c 1.777667,-1.777666 4.68529,-1.777666 6.46437,0.0014 1.779081,1.77908 1.779081,4.686703 0.0014,6.46437 z"
+   style="fill:#FF6B00" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
new file mode 100644
index 0000000..95c42a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+  <g opacity="0.1">
+    <g>
+      <path fill="#FFFFFF" d="M12,2.3c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464
+        c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535
+        C15.333,6.021,13.127,2.3,12,2.3z M12.003,6.181c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135
+        c-0.545,0-1.066,0.054-1.553,0.15C10.914,7.292,11.608,6.181,12.003,6.181z"/>
+      <path fill="#FFFFFF" d="M12.792,18.755c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408
+        c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104
+        s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,18.175,12.792,18.453,12.792,18.755z"/>
+    </g>
+    <g>
+      <g>
+        <path fill="#414042" d="M12,2c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464
+          c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535
+          C15.333,5.721,13.127,2,12,2z M12.003,5.881c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135
+          c-0.545,0-1.066,0.054-1.553,0.15C10.914,6.992,11.608,5.881,12.003,5.881z"/>
+        <path fill="#414042" d="M12.792,18.455c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408
+          c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104
+          s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,17.875,12.792,18.153,12.792,18.455z"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
new file mode 100644
index 0000000..89e7c6f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64">
+  <path fill="#ECB51F" d="M61.689,51.121L36.437,7.384c-2.441-4.227-6.434-4.227-8.875,0L2.311,51.121
+    c-2.441,4.227-0.444,7.686,4.437,7.686h50.504C62.133,58.807,64.13,55.349,61.689,51.121z M35.968,47.68
+    c0,2.191-1.688,3.877-3.968,3.877s-3.968-1.686-3.968-3.877v-0.093c0-2.187,1.688-3.873,3.968-3.873s3.968,1.686,3.968,3.873V47.68z
+    M36.059,21.548l-1.961,17.146c-0.137,1.233-0.958,2.009-2.098,2.009s-1.961-0.776-2.098-2.009l-1.961-17.146
+    c-0.137-1.322,0.592-2.325,1.825-2.325h4.469C35.466,19.223,36.196,20.226,36.059,21.548z"/>
+</svg>