MNTOR-5282 - Enforce background for breach alert email images

Author: codemist

public/images/email/breach-alerts-20260526/monitor-logo-light-purple-bg.png

@@ -172,7 +172,7 @@ export const RedesignedEmailFooter = (props: Props) => {
         <mj-column>
           <mj-image
             alt={l10n.getString("email-footer-logo-mozilla-alt")}
-            src={`${config.serverUrl}/images/email/mozilla-logo.png`}
+            src={`${config.serverUrl}/images/email/breach-alerts-20260526/mozilla-logo-light-grey-bg.png`}
             href={`https://www.mozilla.org/?utm_source=monitor-product&utm_medium=product-email&utm_campaign=${props.utm_campaign}&utm_content=header-logo`}
             width="150px"
             align="center"

public/images/email/breach-alerts-20260526/mozilla-logo-light-grey-bg.png

@@ -35,7 +35,7 @@ export const EmailHero = (props: Props) => {
           >
             <mj-image
               alt={l10n.getString("public-nav-name")}
-              src={`${config.serverUrl}/images/email/monitor-logo-transparent.png`}
+              src={`${config.serverUrl}/images/email/breach-alerts-20260526/monitor-logo-light-purple-bg.png`}
               href={`${config.serverUrl}/user/dashboard/fixed?utm_source=monitor-product&utm_medium=product-email&utm_campaign=${props.utm_campaign}&utm_content=header-logo${utmContentSuffix}`}
               align="center"
               width="150px"

src/emails/components/EmailFooter.tsx

@@ -61,7 +61,7 @@ export const BreachAlertEmail = (props: BreachAlertEmailProps) => {
               width="160px"
               padding="0px"
               alt=""
-              src={`${config.serverUrl}/images/email/monitor-logo-transparent.png`}
+              src={`${config.serverUrl}/images/email/breach-alerts-20260526/monitor-logo-light-purple-bg.png`}
               css-class="hero-background-dm"
             />
             <mj-spacer height="24px" />