Bug 1218405 - Change Loop's standalone background for the visual refresh/latest designs. r=dmose

browser/components/loop/content/shared/css/conversation.css

@@ -645,7 +645,7 @@ body[platform="win"] .share-service-dropdown.overflow > .dropdown-menu-item {
   /* 100% height to fill up media-layout, thus forcing other elements into the
      second column that's 200px wide */
   height: 100%;
-  background-color: #4E4E4E;
+  background-color: #D8D8D8;
 }
 
 .media-wrapper > .local {

browser/components/loop/content/shared/img/svg/glyph-help-16x16.svg

@@ -1,8 +1 @@
-<?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" viewBox="0 0 16 16">
-  <circle fill="#5a5a5a" cx="8" cy="8" r="8"/>
-  <path fill="#fff" d="M10.716,5.643c0,1.943-2.158,1.812-2.158,3.154v0.3H6.831V8.726c0-2.075,1.907-1.932,1.907-2.915 c0-0.432-0.312-0.684-0.84-0.684c-0.491,0-0.972,0.24-1.403,0.731L5.284,4.923C5.967,4.121,6.855,3.64,8.09,3.64 C9.841,3.64,10.716,4.576,10.716,5.643z M8.797,11.268c0,0.6-0.479,1.092-1.079,1.092s-1.079-0.492-1.079-1.092 c0-0.588,0.479-1.079,1.079-1.079S8.797,10.68,8.797,11.268z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle fill="#fff" cx="8" cy="8" r="8"/><path fill="#5a5a5a" d="M10.716 5.643c0 1.943-2.158 1.812-2.158 3.154v.3H6.83v-.37C6.83 6.65 8.74 6.793 8.74 5.81c0-.43-.312-.683-.84-.683-.49 0-.972.24-1.403.73l-1.21-.934C5.966 4.12 6.854 3.64 8.09 3.64c1.75 0 2.626.936 2.626 2.003zm-1.92 5.625c0 .6-.478 1.092-1.078 1.092s-1.08-.492-1.08-1.092c0-.588.48-1.08 1.08-1.08s1.08.492 1.08 1.08z"/></svg>

browser/components/loop/standalone/content/css/webapp.css

@@ -58,10 +58,11 @@ body,
 }
 
 .standalone-overlay-wrapper > .hello-logo {
-  width: 128px;
-  height: 21px;
+  width: 120px;
+  height: 19px;
   background-image: url("../shared/img/hello_logo.svg");
   background-size: contain;
+  background-repeat: no-repeat;
   position: absolute;
   left: 0;
   top: 0;
@@ -240,7 +241,7 @@ html[dir="rtl"] .standalone-overlay-wrapper > .standalone-moz-logo {
 /* Room Info area layout */
 
 .room-inner-info-area {
-  color: #fff;
+  color: #4a4a4a;
   margin: auto;
   padding: 0 5px;
 }
@@ -297,4 +298,4 @@ html[dir="rtl"] .standalone-overlay-wrapper > .standalone-moz-logo {
 .room-inner-info-area > .terms-service,
 .room-inner-info-area > .terms-service > a {
   color: #999;
-}
+}