Merge pull request #54 from wildbit/bug/receipt-dark-mode

derekrushforth · web-flow · commit 58b18c8789c7 · 2020-11-23T16:11:36.000-07:00
Fix dark mode on receipt email
diff --git a/dist/compiled/comment-notification/content.html b/dist/compiled/comment-notification/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/example/content.html b/dist/compiled/example/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/invoice/content.html b/dist/compiled/invoice/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/password-reset-help/content.html b/dist/compiled/password-reset-help/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/password-reset/content.html b/dist/compiled/password-reset/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/receipt/content.html b/dist/compiled/receipt/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
@@ -553,7 +555,7 @@ <h3 class="align-right" style="margin-top: 0; color: #333333; font-size: 14px; f
                         <table class="body-sub" role="presentation" style="margin-top: 25px; padding-top: 25px; border-top-width: 1px; border-top-color: #EAEAEC; border-top-style: solid;">
                           <tr>
                             <td style="word-break: break-word; font-family: &quot;Nunito Sans&quot;, Helvetica, Arial, sans-serif; font-size: 16px;">
-                              <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #6B6E76; margin: .4em 0 1.1875em;">Need a printable copy for your records? You can <a href="{{action_url}}" style="color: #3869D4;">download a PDF version</a>.</p>
+                              <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #6B6E76; margin: .4em 0 1.1875em;"><strong>Need a printable copy for your records?</strong> You can <a href="{{action_url}}" style="color: #3869D4;">download a PDF version</a>.</p>
                               <p class="f-fallback sub" style="font-size: 13px; line-height: 1.625; color: #6B6E76; margin: .4em 0 1.1875em;">Moved recently? Have a new credit card? You can easily <a href="{{billing_url}}" style="color: #3869D4;">update your billing information</a>.</p>
                             </td>
                           </tr>
diff --git a/dist/compiled/trial-expired/content.html b/dist/compiled/trial-expired/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/trial-expiring/content.html b/dist/compiled/trial-expiring/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/user-invitation/content.html b/dist/compiled/user-invitation/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/compiled/welcome/content.html b/dist/compiled/welcome/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/postmark-layouts/basic-full/content.html b/dist/postmark-layouts/basic-full/content.html
@@ -410,7 +410,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/postmark-layouts/basic/content.html b/dist/postmark-layouts/basic/content.html
@@ -405,7 +405,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/postmark-layouts/plain/content.html b/dist/postmark-layouts/plain/content.html
@@ -397,7 +397,9 @@
       blockquote,
       h1,
       h2,
-      h3 {
+      h3,
+      span,
+      .purchase_item {
         color: #FFF !important;
       }
       .attributes_content,
diff --git a/dist/postmark-templates/receipt/content.html b/dist/postmark-templates/receipt/content.html
@@ -77,7 +77,7 @@ <h1 class="f-fallback discount_heading">10% off your next purchase!</h1>
 <table class="body-sub" role="presentation">
   <tr>
     <td>
-      <p class="f-fallback sub">Need a printable copy for your records?</strong> You can <a href="{{action_url}}">download a PDF version</a>.</p>
+      <p class="f-fallback sub"><strong>Need a printable copy for your records?</strong> You can <a href="{{action_url}}">download a PDF version</a>.</p>
       <p class="f-fallback sub">Moved recently? Have a new credit card? You can easily <a href="{{billing_url}}">update your billing information</a>.</p>
     </td>
   </tr>
diff --git a/dist/stylesheets/basic-full.css b/dist/stylesheets/basic-full.css
@@ -309,7 +309,9 @@ p.sub {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important; }
   .attributes_content,
   .discount {
diff --git a/dist/stylesheets/basic.css b/dist/stylesheets/basic.css
@@ -305,7 +305,9 @@ p {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important; }
   .attributes_content,
   .discount {
diff --git a/dist/stylesheets/plain.css b/dist/stylesheets/plain.css
@@ -297,7 +297,9 @@ p {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important; }
   .attributes_content,
   .discount {
diff --git a/src/stylesheets/basic-full.scss b/src/stylesheets/basic-full.scss
@@ -104,7 +104,9 @@ p.sub {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important;
   }
 
diff --git a/src/stylesheets/basic.scss b/src/stylesheets/basic.scss
@@ -100,7 +100,9 @@ p {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important;
   }
 
diff --git a/src/stylesheets/plain.scss b/src/stylesheets/plain.scss
@@ -91,7 +91,9 @@ p {
   blockquote,
   h1,
   h2,
-  h3 {
+  h3,
+  span,
+  .purchase_item {
     color: #FFF !important;
   }
 
diff --git a/src/templates/receipt/content.hbs b/src/templates/receipt/content.hbs
@@ -55,7 +55,7 @@ preheader: "This is a receipt for your recent purchase on {{ purchase_date }}. N
 <table class="body-sub" role="presentation">
   <tr>
     <td>
-      <p class="f-fallback sub">Need a printable copy for your records?</strong> You can <a href="\{{action_url}}">download a PDF version</a>.</p>
+      <p class="f-fallback sub"><strong>Need a printable copy for your records?</strong> You can <a href="\{{action_url}}">download a PDF version</a>.</p>
       <p class="f-fallback sub">Moved recently? Have a new credit card? You can easily <a href="\{{billing_url}}">update your billing information</a>.</p>
     </td>
   </tr>
