Fix: email colors on iOS (#8680)

Force light mode in Apple mail, preventing issues with button text colors.
Unleash · Nov 6, 2024 · f5eafe6 · f5eafe6
1 parent 730200c
commit f5eafe6
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/mailtemplates/productivity-report/productivity-report.html.mustache b/src/mailtemplates/productivity-report/productivity-report.html.mustache
@@ -4,14 +4,16 @@
 
 <head>
     <title>Your Unleash Productivity Report</title>
+    <meta name="color-scheme" content="light">
+    <meta name="supported-color-schemes" content="light">
 </head>
 
 <body style="font-family: Arial, sans-serif;background-color: #f9f9f9;color: #333;margin: 0;padding: 12px 0;font-size:16px">
     <div class="container"
         style="max-width: 600px;margin: 24px auto;background-color: #ffffff;border-radius: 8px;border: 1px solid #f0f0f5;overflow: hidden;">
         <div class="header" style="background-color: #6c65e5;padding: 20px;text-align: center;color: #ffffff;">
             <img src="cid:unleashLogo" alt="Unleash" width="210px" height="60px" style="margin-top: 8px;">
-            <div class="header-title" style="font-size: 24px;margin: 20px 0;">Your Monthly Productivity Report</div>
+            <div style="font-size: 24px;margin: 20px 0;">Your Monthly Productivity Report</div>
         </div>
         <div class="content" style="padding: 20px;text-align: left;">
             <div class="intro" style="margin: 0 4px;">
@@ -55,7 +57,7 @@
                 </tr>
             </table>
             <div style="text-align: center;">
-                <a href="{{unleashUrl}}/insights" class="button"
+                <a href="{{unleashUrl}}/insights"
                     style="color: #fefefe;text-decoration: none;display: inline-block;margin: 20px 0;padding: 12px 25px;background-color: #817afe;border-radius: 25px;font-weight: bold;"
                     rel="noopener" target="_blank">Go to your Insights</a>
             </div>