From df400a755ece2f9c292cd3391214a52c370be498 Mon Sep 17 00:00:00 2001
From: Kaitlyn <kandres@mozilla.com>
Date: Tue, 29 Oct 2024 09:37:07 -0400
Subject: [PATCH] universal selector

---
 src/emails/templates/EmailFooter.tsx  | 37 ++++-----------------------
 src/emails/templates/HeaderStyles.tsx |  2 +-
 2 files changed, 6 insertions(+), 33 deletions(-)

diff --git a/src/emails/templates/EmailFooter.tsx b/src/emails/templates/EmailFooter.tsx
index 15a1057d88..05dfbd30bb 100644
--- a/src/emails/templates/EmailFooter.tsx
+++ b/src/emails/templates/EmailFooter.tsx
@@ -31,12 +31,7 @@ export const EmailFooter = (props: Props) => {
             height="36px"
             align="center"
           />
-          <mj-text
-            color="#321C64"
-            font-size="22px"
-            font-weight="700"
-            align="center"
-          >
+          <mj-text font-size="22px" font-weight="700" align="center">
             {l10n.getString("email-footer-support-heading")}
           </mj-text>
           <mj-text font-size="16px" font-weight="400" align="center">
@@ -76,12 +71,7 @@ export const EmailFooter = (props: Props) => {
               },
             )}
           </mj-text>
-          <mj-text
-            color="#3D3D3D"
-            font-size="14px"
-            font-weight="400"
-            align="center"
-          >
+          <mj-text font-size="14px" font-weight="400" align="center">
             {l10n.getFragment("email-footer-source-hibp", {
               elems: {
                 "hibp-link": (
@@ -100,20 +90,10 @@ export const EmailFooter = (props: Props) => {
             width="150px"
             align="center"
           />
-          <mj-text
-            color="#0C0C0D"
-            font-size="14px"
-            font-weight="400"
-            align="center"
-          >
+          <mj-text font-size="14px" font-weight="400" align="center">
             149 New Montgomery St, 4th Floor, San Francisco, CA 94105
           </mj-text>
-          <mj-text
-            color="#0C0C0D"
-            font-size="14px"
-            font-weight="600"
-            align="center"
-          >
+          <mj-text font-size="14px" font-weight="600" align="center">
             <a href={CONST_URL_TERMS} style={{ color: "black" }}>
               {l10n.getString("terms-of-service")}
             </a>
@@ -151,12 +131,7 @@ export const RedesignedEmailFooter = (props: Props) => {
             height="36px"
             align="center"
           />
-          <mj-text
-            color="#321C64"
-            font-size="22px"
-            font-weight="700"
-            align="center"
-          >
+          <mj-text font-size="22px" font-weight="700" align="center">
             {l10n.getString("email-footer-support-heading")}
           </mj-text>
           <mj-text font-size="16px" font-weight="400" align="center">
@@ -183,7 +158,6 @@ export const RedesignedEmailFooter = (props: Props) => {
             align="center"
           />
           <mj-text
-            color="#0C0C0D"
             font-size="14px"
             line-height="21px"
             font-weight="400"
@@ -194,7 +168,6 @@ export const RedesignedEmailFooter = (props: Props) => {
             San Francisco, CA 94105
           </mj-text>
           <mj-text
-            color="#0C0C0D"
             font-size="14px"
             line-height="21px"
             font-weight="400"
diff --git a/src/emails/templates/HeaderStyles.tsx b/src/emails/templates/HeaderStyles.tsx
index 81adf5007e..98a67a266e 100644
--- a/src/emails/templates/HeaderStyles.tsx
+++ b/src/emails/templates/HeaderStyles.tsx
@@ -44,7 +44,7 @@ export const HeaderStyles = () => {
           background: none;
         }
 
-        p {
+        * {
           background: #1e1e1e !important;
           color: #ffffff !important;
         }