refactor: moving styles to the mixin, fixing minor issues

Author: jarrodek

appresources/themes/@advanced-rest-client/arc-electron-anypoint-theme/arc-electron-anypoint-theme.css

@@ -333,4 +333,9 @@ body {
                 0 11px 15px -7px rgba(0, 0, 0, 0.4);
 
   --variables-preview-overlay-background-color: var(--primary-background-color);
+  --arc-env-container-color: #000;
+  --arc-toolbar-variables-toggle-icon-color: #000;
+  --arc-toolbar-back-icon-color: #000;
+  --arc-env-selector-background-color: transparent;
+  --arc-env-selector-color: #000;
 }

appresources/themes/@advanced-rest-client/arc-electron-dark-theme/arc-electron-dark-theme.css

@@ -243,6 +243,10 @@ body {
   --project-details-description-color: #fff;
 
   --web-url-input-background-color: #616161;
+
+  --arc-env-container-color: #fff;
+  --arc-toolbar-variables-toggle-icon-color: #fff;
+  --arc-toolbar-back-icon-color: #fff;
 }
 
 body[narrow] {

appresources/themes/@advanced-rest-client/arc-electron-default-theme/arc-electron-default-theme.css

@@ -14,7 +14,7 @@ body {
   --menu-link-color: #111111;
   --link-color: #00A1DF;
   --toolbar-color: #ffffff;
-  --toolbar-background-color: var(--primary-color);
+  --toolbar-background-color: #00569a;
   --main-section-border-color: rgba(0, 0, 0, 0.12);
   --hover-button-accent-color: #df0052;
   --pages-fixed-height: calc(100vh - 64px);
@@ -133,6 +133,9 @@ body {
   --bottom-sheet-box-shadow: var(--box-shadow-6dp);
 
   --variables-preview-overlay-background-color: var(--primary-background-color);
+  --arc-env-container-color: #fff;
+  --arc-toolbar-variables-toggle-icon-color: #fff;
+  --arc-toolbar-back-icon-color: #fff;
 }
 
 body[narrow] {

package-lock.json

@@ -236,14 +236,7 @@
     "webDependencies": [
       "jexl/lib/Jexl.js",
       "lit-element/lit-element.js",
-      "@polymer/app-layout/app-layout.js",
-      "@polymer/app-layout/app-drawer-layout/app-drawer-layout.js",
-      "@polymer/app-layout/app-drawer/app-drawer.js",
-      "@polymer/app-layout/app-header-layout/app-header-layout.js",
-      "@polymer/app-layout/app-header/app-header.js",
-      "@polymer/app-layout/app-toolbar/app-toolbar.js",
       "@polymer/paper-toast/paper-toast.js",
-      "@polymer/iron-media-query/iron-media-query.js",
       "@polymer/iron-test-helpers/iron-test-helpers.js",
       "@advanced-rest-client/arc-icons/ArcIcons.js",
       "@advanced-rest-client/arc-messages-service/arc-messages-service.js",
@@ -253,6 +246,7 @@
       "@advanced-rest-client/host-rules-editor/host-rules-editor.js",
       "@advanced-rest-client/about-arc-electron/about-arc-electron.js",
       "@advanced-rest-client/arc-app-mixin/arc-app-mixin.js",
+      "@advanced-rest-client/arc-app-mixin/AppStyles.js",
       "@advanced-rest-client/themes-panel/themes-panel.js",
       "@advanced-rest-client/variables-preview-overlay/variables-preview-overlay.js",
       "@advanced-rest-client/arc-request-workspace/arc-request-workspace.js",