diff --git a/browser/base/content/aboutDialog.css b/browser/base/content/aboutDialog.css index 0dc99200ed9c..1f30548f50ca 100644 --- a/browser/base/content/aboutDialog.css +++ b/browser/base/content/aboutDialog.css @@ -7,7 +7,7 @@ } #rightBox { - background-image: url("chrome://branding/content/about-wordmark.png"); + background-image: url("chrome://branding/content/about-wordmark.svg"); background-repeat: no-repeat; /* padding-top creates room for the wordmark */ padding-top: 38px; diff --git a/browser/base/content/abouthome/aboutHome.css b/browser/base/content/abouthome/aboutHome.css index 22cbb93de871..ce8db3cce987 100644 --- a/browser/base/content/abouthome/aboutHome.css +++ b/browser/base/content/abouthome/aboutHome.css @@ -42,9 +42,13 @@ a { } #brandLogo { - height: 154px; - width: 154px; - margin: 22px 0 31px; + height: 192px; + width: 192px; + margin: 22px auto 31px; + background-image: url("chrome://branding/content/about-logo.png"); + background-size: 192px auto; + background-position: center center; + background-repeat: no-repeat; } #searchForm, @@ -360,6 +364,10 @@ body[narrow] #restorePreviousSession::before { * rather than upscaling the original-size ones (bug 818940). */ @media not all and (max-resolution: 1dppx) { + #brandLogo { + background-image: url("chrome://branding/content/about-logo@2x.png"); + } + #defaultSnippet1, #defaultSnippet2, #rightsSnippet { diff --git a/browser/base/content/abouthome/aboutHome.xhtml b/browser/base/content/abouthome/aboutHome.xhtml index a10627e22e43..cd821c4e673a 100644 --- a/browser/base/content/abouthome/aboutHome.xhtml +++ b/browser/base/content/abouthome/aboutHome.xhtml @@ -33,7 +33,7 @@