Bug 1618051 - Proper hi res logo for search only newtab r=Mardak

Differential Revision: https://phabricator.services.mozilla.com/D65347

browser/components/newtab/content-src/components/Search/_Search.scss

@@ -22,8 +22,11 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
     margin-bottom: 49px;
 
     .logo {
-      background: url('chrome://branding/content/icon128.png') no-repeat center center;
+      background: url('chrome://branding/content/about-logo.png') no-repeat center;
       background-size: $logo-size;
+      @media (min-resolution: 2x) {
+        background-image: url('chrome://branding/content/about-logo@2x.png');
+      }
       display: inline-block;
       height: $logo-size;
       width: $logo-size;

browser/components/newtab/css/activity-stream-linux.css

@@ -1032,11 +1032,14 @@ main {
     justify-content: center;
     margin-bottom: 49px; }
     .search-wrapper .logo-and-wordmark .logo {
-      background: url("chrome://branding/content/icon128.png") no-repeat center center;
+      background: url("chrome://branding/content/about-logo.png") no-repeat center;
       background-size: 96px;
       display: inline-block;
       height: 96px;
       width: 96px; }
+      @media (min-resolution: 2x) {
+        .search-wrapper .logo-and-wordmark .logo {
+          background-image: url("chrome://branding/content/about-logo@2x.png"); } }
     .search-wrapper .logo-and-wordmark .wordmark {
       background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center;
       background-size: 172px;

browser/components/newtab/css/activity-stream-mac.css

@@ -1035,11 +1035,14 @@ main {
     justify-content: center;
     margin-bottom: 49px; }
     .search-wrapper .logo-and-wordmark .logo {
-      background: url("chrome://branding/content/icon128.png") no-repeat center center;
+      background: url("chrome://branding/content/about-logo.png") no-repeat center;
       background-size: 96px;
       display: inline-block;
       height: 96px;
       width: 96px; }
+      @media (min-resolution: 2x) {
+        .search-wrapper .logo-and-wordmark .logo {
+          background-image: url("chrome://branding/content/about-logo@2x.png"); } }
     .search-wrapper .logo-and-wordmark .wordmark {
       background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center;
       background-size: 172px;

browser/components/newtab/css/activity-stream-windows.css

@@ -1032,11 +1032,14 @@ main {
     justify-content: center;
     margin-bottom: 49px; }
     .search-wrapper .logo-and-wordmark .logo {
-      background: url("chrome://branding/content/icon128.png") no-repeat center center;
+      background: url("chrome://branding/content/about-logo.png") no-repeat center;
       background-size: 96px;
       display: inline-block;
       height: 96px;
       width: 96px; }
+      @media (min-resolution: 2x) {
+        .search-wrapper .logo-and-wordmark .logo {
+          background-image: url("chrome://branding/content/about-logo@2x.png"); } }
     .search-wrapper .logo-and-wordmark .wordmark {
       background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center;
       background-size: 172px;

browser/themes/shared/privatebrowsing/aboutPrivateBrowsing.css

@@ -55,13 +55,19 @@ p {
 }
 
 .logo {
-  background: url("chrome://branding/content/icon128.png") no-repeat center center;
+  background: url("chrome://branding/content/about-logo.png") no-repeat center center;
   background-size: 96px;
   display: inline-block;
   height: 96px;
   width: 96px;
 }
 
+@media (min-resolution: 2x) {
+  .logo {
+    background-image: url('chrome://branding/content/about-logo@2x.png');
+  }
+}
+
 .wordmark {
   background: url("chrome://branding/content/firefox-wordmark.svg") no-repeat center center;
   background-size: 172px;