aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser/devtools/app-manager
diff options
context:
space:
mode:
authorHorst31802015-08-19 19:38:44 +0200
committerHorst31802015-08-19 19:38:44 +0200
commit1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43 (patch)
tree99efccaeba25e26aa03bdefcb83fb874b5061acc /arc-firefox-theme/chrome/browser/devtools/app-manager
parentc5fee00815d47f0d3970c6c4761ef1c15e5ee16f (diff)
downloadsolarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.tar.gz
solarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.tar.xz
solarc-firefox-theme-1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43.zip
add firefox theme40.20150819
Diffstat (limited to 'arc-firefox-theme/chrome/browser/devtools/app-manager')
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css224
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.pngbin0 -> 5208 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/device.css410
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg13
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/help.css40
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg80
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index.css103
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/noise.pngbin0 -> 6216 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css556
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg30
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg13
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
Binary files differ
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
Binary files differ
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>