From 1bb0c7166b237c1a9309b09c19c51feafeec2854 Mon Sep 17 00:00:00 2001
From: ordinarthur <@arthurbarre.js@gmail.com>
Date: Thu, 7 May 2026 22:42:57 +0200
Subject: [PATCH] =?UTF-8?q?fix(mail):=20force=20light=20color-scheme=20pou?=
=?UTF-8?q?r=20emp=C3=AAcher=20l'auto-inversion=20iOS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Sur iPhone Mail.app en dark mode, iOS inverse automatiquement les
couleurs de l'email : header rubis-deep (#771328) devenait rose
pâle, fond crème devenait noir, texte sombre devenait blanc.
Fix appliqué dans le _layout.tsx (donc impacte checkin + relance) :
- Ajoute meta `color-scheme: light only` + `supported-color-schemes`
→ signal aux clients mail (iOS Mail, Gmail mobile, Yahoo)
qu'on ne souhaite PAS d'auto-dark-mode
- Ajoute style block avec :root color-scheme + overrides
Outlook.com dark mode ([data-ogsc] / [data-ogsb])
- Ajoute className sur Body / Container / header / footer pour
permettre le ciblage CSS dark-mode-resistant
Couvre : iOS Mail, Apple Mail macOS, Gmail mobile dark, Outlook.com.
Aucun impact sur les clients qui ne font pas d'inversion (Outlook
desktop, Thunderbird, etc.).
Co-Authored-By: Claude Opus 4.7
---
apps/api/app/mails/_layout.tsx | 46 ++++++++++++++++++++++++++++++----
1 file changed, 41 insertions(+), 5 deletions(-)
diff --git a/apps/api/app/mails/_layout.tsx b/apps/api/app/mails/_layout.tsx
index 21d0033..a572071 100644
--- a/apps/api/app/mails/_layout.tsx
+++ b/apps/api/app/mails/_layout.tsx
@@ -45,12 +45,48 @@ export function EmailLayout({
}: LayoutProps) {
return (
-
+
+ {/*
+ * Force le mode clair sur les clients qui auto-invertissent en dark mode
+ * (iOS Mail, Gmail mobile, Outlook.com web). Sans ces tags, les fonds
+ * crème/blanc deviennent noirs et le header rubis-deep devient rose pâle.
+ */}
+
+
+