IBX-11039: Fixed font color in email notifications (#1802)

OstafinL · web-flow · commit 1a8d4ef5a136 · 2025-12-16T15:25:28.000+01:00
diff --git a/src/bundle/Resources/public/img/mail/header.png b/src/bundle/Resources/public/img/mail/header.png
diff --git a/src/bundle/Resources/views/themes/admin/ui/mail/base_mail_template.html.twig b/src/bundle/Resources/views/themes/admin/ui/mail/base_mail_template.html.twig
@@ -19,7 +19,19 @@
             </head>
         {%- endblock template_head -%}
         {%- block template_body -%}
-            <body style="padding: 0; background-color: #ffffff; color: #131c26;">
+            <body style="padding: 0; background-color: #ffffff; color: #131c26;" class="ibexa-email-body">
+                <style>
+                    @media (prefers-color-scheme: dark) {
+                        .ibexa-email-body {
+                            background-color: #131c26 !important;
+                        }
+
+                        .ibexa-email-content {
+                            color: #ffffff !important;
+                        }
+                    }
+                </style>
+
                 <table
                     align="center"
                     border="0"
diff --git a/src/bundle/Resources/views/themes/admin/ui/mail/components/row.html.twig b/src/bundle/Resources/views/themes/admin/ui/mail/components/row.html.twig
@@ -8,14 +8,6 @@
 
     <tr>
         <td style="{{ base_style ~ style|default('') }}" class="ibexa-email-content">
-            <style>
-                {# This is needed for iPhone Mail app #}
-                @media (prefers-color-scheme: dark) {
-                    .ibexa-email-content {
-                        color: #ffffff !important;
-                    }
-                }
-            </style>
             {{ content|raw }}
         </td>
     </tr>
