From f5eafe6d49f38026e1d92a3c577a2448b620dab9 Mon Sep 17 00:00:00 2001
From: Tymoteusz Czech <2625371+Tymek@users.noreply.github.com>
Date: Wed, 6 Nov 2024 15:28:49 +0100
Subject: [PATCH] Fix: email colors on iOS (#8680)

Force light mode in Apple mail, preventing issues with button text
colors.
---
 .../productivity-report/productivity-report.html.mustache   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/mailtemplates/productivity-report/productivity-report.html.mustache b/src/mailtemplates/productivity-report/productivity-report.html.mustache
index e3ce0a50f0..b7d2229265 100644
--- a/src/mailtemplates/productivity-report/productivity-report.html.mustache
+++ b/src/mailtemplates/productivity-report/productivity-report.html.mustache
@@ -4,6 +4,8 @@
 
 <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">
@@ -11,7 +13,7 @@
         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>
