email police noir sur fond coloré quelque soit le mode (light/dark)

email police noir sur fond coloré quelque soit le mode (light/dark) - HTML/CSS - Programmation

Marsh Posté le 05-11-2025 à 12:25:29    

Bonjour,
 
Je fais un peu de mailing pour des assos et pour que ça soit moins austère je mets un peu de html/css (avec un niveau stagiaire débutant remplaçant de 1er niveau).
 
Je fais ça avec Thunderbird avec une extension d'édition html (HTML Source Editor) et une pour personnaliser les mails genre "bonjour machin" et les envoyer à partir d'un carnet d'adresse (Mail Merge). C'est très basique et je ne souhaite pas faire plus compliqué. C'est juste quelques e-mails par an pour quelques dizaines de personnes.
 
par exemple :
https://i.imgur.com/5wI2v55m.png
 

Code :
  1. <!DOCTYPE html>
  2. <html>
  3.    
  4. <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  6.     <style>
  7.         body {
  8.         font-family: Arial, sans-serif;
  9.         }.content {
  10.         border-radius: 10px;
  11.         background-color: #edfecd;
  12.         padding: 10px;
  13.         font-size: large;
  14.         color: #1a1a1a;
  15.         }.footer {
  16.         font-size: medium;
  17.         text-align: center 
  18.         }
  19.     </style>
  20. </head>
  21. <body>
  22.     <div class="content">
  23.         <p>   Bonjour {{FirstName}},</p>
  24.         <p>   Nous vous convions à l'<b>assemblée générale ordinaire 2025 </b></p>
  25.         <p>   À l'ordre du jour :</p>
  26.         <ul>
  27.             <li>Bilan d'activité 2024-2025</li>
  28.             <li>Bilan financier</li>
  29.             <li>Élection du bureau</li>
  30.         </ul>
  31.         <p>Le Bureau</p>
  32.         <hr width="100%" size="1">
  33.         <div class="footer">
  34.             <p>logo<br><b>NOM ASSOCIATION</b><br>adresse<br>
  35.                 association loi 1901 n°W01010101<br>contact : 00 00 00 00 00<br>
  36.                 <a href="http://siteweb.fr">http://siteweb.fr</a>
  37.             </p>
  38.         </div>
  39.     </div>
  40. </body>
  41. </html>


 
Quand Thunderbird est en mode sombre, le message est écrit blanc sur noir à la réception ! Tant d'efforts et de code de pointe pour rien [:cheroke]  
 
D'où ma question aux experts HFR, il y a t'il un moyen simple de forcer l'écriture noire sur fond coloré pour tous les clients e-mail ?
 
J'ai cherché un peu hier mais pas trouvé de réponse simple. J'ai l'impression que c'est comme les page web d'il y a 30 ans, ça dépend du client, du système, faut ajouter des exceptions, du code spécial, etc...


Message édité par berlo le 05-11-2025 à 14:33:13
Reply

Marsh Posté le 05-11-2025 à 12:25:29   

Reply

Marsh Posté le 05-11-2025 à 14:24:04    

Les styles a part en mode html (même si c'est bien plus pratique) ne sont quand même pas super bien supporté.
A l'heure actuelle les valeurs sont le plus souvent écrit comme style inline.
Tu peux regarder du coté de la norme mjml et sa conversion en html, c'est très utilise dans le milieu des newsletters / envoi en masse.
Dans ton cas je remplacerais :

Code :
  1. <div class="content">


par

Code :
  1. <div style="border-radius:10px;background-color:#edfecd;padding:10px:font-size: large;color:#1a1a1a;">


Message édité par mechkurt le 05-11-2025 à 14:57:58

---------------
D3
Reply

Marsh Posté le 05-11-2025 à 14:57:12    

:jap:
j'ai essayé avec le style inline, mais c'est le même résultat.
(edit : je croyais qu'il ne fallait plus faire inline justement)

 

je vais regarder mjml, je ne connaissais pas.


Message édité par berlo le 05-11-2025 à 14:58:03
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed