universal selector

mozilla · Oct 29, 2024 · df400a7 · df400a7
1 parent 1d1c396
commit df400a7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 33 deletions.
diff --git 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
@@ -44,7 +44,7 @@ export const HeaderStyles = () => {
           background: none;
         }
 
-        p {
+        * {
           background: #1e1e1e !important;
           color: #ffffff !important;
         }