Fix branding

1. Use SVG Images for about-logo
2. `navigator.whoami` is now fully gated behind the `flamewolf.api.whoami.enabled` pref, enabled by default. On the absence, instead of returning an empty string, it will no longer exist (aka, become `undefined`)

Author: rustdevbtw

browser/base/content/aboutDialog.css

@@ -17,7 +17,7 @@
 }
 
 #leftBox {
-  background-image: url("chrome://branding/content/about-logo.png");
+  background-image: url("chrome://branding/content/about-logo.svg");
   background-repeat: no-repeat;
   background-size: 192px auto;
   background-position: center 40px;
@@ -31,7 +31,7 @@
 
 @media (min-resolution: 2dppx) {
   #leftBox {
-    background-image: url("chrome://branding/content/about-logo@2x.png");
+    background-image: url("chrome://branding/content/about-logo.svg");
   }
 }
 

browser/base/content/aboutDialog.xhtml

@@ -44,7 +44,7 @@
       <vbox id="rightBox">
         <label id="release" hidden="true">
         <!-- This string is explicitly not translated -->
-          Extended Support Release
+          FlameWolf Standard Release
         </label>
 #ifndef MOZ_UPDATER
         <!-- This HBOX is duplicated below with class="update" -->

browser/base/content/test/general/browser_gestureSupport.js

@@ -924,15 +924,15 @@ async function test_rotateHelperOneGesture(
       stopExpectedRotation,
       test_rotateHelperGetImageRotation(aImageElement),
       "Image rotation at gesture stop/hold: expected=" +
-        stopExpectedRotation +
-        ", observed=" +
-        test_rotateHelperGetImageRotation(aImageElement) +
-        ", init=" +
-        aCurrentRotation +
-        ", amt=" +
-        aAmount +
-        ", dir=" +
-        (aDirection == clockwise ? "cl" : "ccl")
+      stopExpectedRotation +
+      ", observed=" +
+      test_rotateHelperGetImageRotation(aImageElement) +
+      ", init=" +
+      aCurrentRotation +
+      ", amt=" +
+      aAmount +
+      ", dir=" +
+      (aDirection == clockwise ? "cl" : "ccl")
     );
   }
   // End it and force flush
@@ -967,15 +967,15 @@ async function test_rotateHelperOneGesture(
     finalExpectedRotation,
     test_rotateHelperGetImageRotation(aImageElement),
     "Image rotation gesture end: expected=" +
-      finalExpectedRotation +
-      ", observed=" +
-      test_rotateHelperGetImageRotation(aImageElement) +
-      ", init=" +
-      aCurrentRotation +
-      ", amt=" +
-      aAmount +
-      ", dir=" +
-      (aDirection == clockwise ? "cl" : "ccl")
+    finalExpectedRotation +
+    ", observed=" +
+    test_rotateHelperGetImageRotation(aImageElement) +
+    ", init=" +
+    aCurrentRotation +
+    ", amt=" +
+    aAmount +
+    ", dir=" +
+    (aDirection == clockwise ? "cl" : "ccl")
   );
 }
 
@@ -1138,7 +1138,7 @@ async function test_rotateGesturesOnTab() {
 function test_rotateGestures() {
   test_imageTab = BrowserTestUtils.addTab(
     gBrowser,
-    "chrome://branding/content/about-logo.png"
+    "chrome://branding/content/about-logo.svg"
   );
   gBrowser.selectedTab = test_imageTab;
 

browser/branding/flamewolf/content/about-logo.png

@@ -5,9 +5,7 @@
 browser.jar:
 % content branding %content/branding/ contentaccessible=yes
   content/branding/about.png
-  content/branding/about-logo.png
   content/branding/about-logo.svg
-  content/branding/about-logo@2x.png
   content/branding/about-logo-private.png
   content/branding/about-logo-private@2x.png
   content/branding/about-wordmark.svg

browser/branding/flamewolf/content/about-logo@2x.png

@@ -26,7 +26,7 @@ $glyph-forward: url('chrome://browser/skin/forward.svg');
       display: inline-block;
       height: $logo-size;
       width: $logo-size;
-      background: image-set(url('chrome://branding/content/about-logo.png'), url('chrome://branding/content/about-logo@2x.png') 2x) no-repeat center;
+      background: image-set(url('chrome://branding/content/about-logo.svg')) no-repeat center;
       background-size: $logo-size;
     }
 

browser/branding/flamewolf/content/about-wordmark.svg

@@ -1282,7 +1282,7 @@ main section {
   display: inline-block;
   height: 82px;
   width: 82px;
-  background: image-set(url("chrome://branding/content/about-logo.png"), url("chrome://branding/content/about-logo@2x.png") 2x) no-repeat center;
+  background: image-set(url('chrome://branding/content/about-logo.svg')) no-repeat center;
   background-size: 82px;
 }
 .search-wrapper .logo-and-wordmark .wordmark {

browser/branding/flamewolf/content/firefox-wordmark.svg

@@ -1286,7 +1286,7 @@ main section {
   display: inline-block;
   height: 82px;
   width: 82px;
-  background: image-set(url("chrome://branding/content/about-logo.png"), url("chrome://branding/content/about-logo@2x.png") 2x) no-repeat center;
+  background: image-set(url("chrome://branding/content/about-logo.svg")) no-repeat center;
   background-size: 82px;
 }
 .search-wrapper .logo-and-wordmark .wordmark {

browser/branding/flamewolf/content/jar.mn

@@ -1282,7 +1282,7 @@ main section {
   display: inline-block;
   height: 82px;
   width: 82px;
-  background: image-set(url("chrome://branding/content/about-logo.png"), url("chrome://branding/content/about-logo@2x.png") 2x) no-repeat center;
+  background: image-set(url("chrome://branding/content/about-logo.svg")) no-repeat center;
   background-size: 82px;
 }
 .search-wrapper .logo-and-wordmark .wordmark {

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

@@ -17,7 +17,7 @@ add_task(async function test_experiment_plain_text() {
       infoTitleEnabled: true,
       infoBody: "This is some text",
       infoLinkText: "This is a link",
-      infoIcon: "chrome://branding/content/about-logo.png",
+      infoIcon: "chrome://branding/content/about-logo.svg",
       promoTitle: "Promo title",
       promoLinkText: "Promo link",
       promoLinkType: "link",
@@ -55,7 +55,7 @@ add_task(async function test_experiment_plain_text() {
     ok(!infoContainer.hidden, ".info container should be visible");
     ok(
       infoContainer.style.backgroundImage.includes(
-        "chrome://branding/content/about-logo.png"
+        "chrome://branding/content/about-logo.svg"
       ),
       "should render icon"
     );

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

@@ -1 +1 @@
-128.1.1
+128.1.2

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

@@ -1 +1 @@
-128.1.1esr
+128.1.2esr