Messages du forum envoyés par e-mail grisés en mode sombre sur certains forums Discourse

Récemment, le texte des publications que je reçois par e-mail est devenu gris.

Cela se produit avec meta.discourse.org et certains autres forums Discourse, mais d’autres forums Discourse fonctionnent correctement.

Le problème ne se produit que lorsque mon Mac est réglé sur le mode sombre ; il ne se produit pas en mode clair.

Quelque chose a-t-il changé récemment dans le logiciel Discourse pour causer cela ?

5 « J'aime »

Salut Richard,

J’ai essayé de reproduire cela en utilisant Apple Mail et sur 3 navigateurs différents avec Gmail, mais jusqu’à présent, je n’ai pas réussi. J’aimerais donc obtenir plus d’informations pour voir si nous pouvons reproduire cela. Pouvez-vous me dire :

  • Quel client de messagerie utilisez-vous ?
  • Si Gmail, quel navigateur utilisez-vous ?
  • Et quelle version de macOS utilisez-vous ?

Nous continuerons à chercher, mais j’espère que cela nous aidera à cerner le problème.

Mark

4 « J'aime »

Je ne suis pas Richard, mais à en juger par la police de caractères de l’image, il semble utiliser Microsoft Outlook. :grin:

3 « J'aime »

Depuis la mise à niveau vers la version 2.9.0.beta4, un membre de notre forum a signalé qu’il rencontrait un problème similaire avec les e-mails envoyés depuis le forum. Son PC est configuré en mode sombre, il utilise Microsoft Outlook sur Windows 10.

Il a transmis l’un des e-mails à son responsable informatique et le texte gris clair est apparu en noir sur l’appareil du responsable informatique.

Le paramètre « default dark mode color scheme id » dans le forum est défini sur None. Il n’y a qu’un seul thème actif : Default, la palette de couleurs est Claire (par défaut), sans CSS/HTML personnalisé.

4 « J'aime »

Nous avons eu quelque chose de similaire aussi.

Des suggestions sur la façon dont nous pouvons cerner la cause du problème ?

Un utilisateur nous a signalé que le texte de sa notification par e-mail était très clair, au point qu’il était difficile à lire :

Ce comportement ne semble se produire que dans Outlook Web App. D’autres ont-ils rencontré ce problème ? Je me demande si cela est causé par Discourse ou par l’application Outlook et s’il y a quelque chose que nous pouvons faire pour résoudre ce problème.

Bonjour et bienvenue @Anna_at_Skuid :slightly_smiling_face:

J’ai inséré votre message dans ce sujet de Bug existant sur le même problème afin de les regrouper. :+1:

3 « J'aime »

Je peux reproduire le problème en utilisant l’application Web Outlook sur Microsoft Edge (version 106.0.1370.47 (build officiel) (64 bits)), Firefox 106.0.1 (64 bits) et Chrome (version 106.0.5249.119 (build officiel) (64 bits)) sous Windows 10 Enterprise, version 20H2.

Paramètres Windows 10 > Personnalisation > Couleurs >
Puis, soit :
Choisir votre couleur : Personnalisé.
Choisir votre mode d’application par défaut : Sombre.
ou :
Choisir votre couleur : Sombre.

Application Web Outlook > Paramètres > Mode sombre : Désactivé.

Cela semble être dû aux propriétés de couleur dans ce style CSS extrait d’un e-mail de nouvelle version (à titre d’exemple) ci-dessous ? :

<div class="rps_735d"><div dir="ltr" style="line-height:1.4; text-align:left"><p>Hooray, a new version of <a href="https://www.discourse.org" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="0"><span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Discourse</span></a> is available!</p><p>Your version: 2.9.0.beta9<br aria-hidden="true">New version: <strong>2.9.0.beta10</strong></p><ul style="margin:0 0 0 10px; padding:0 0 0 20px"><li style="padding-bottom:10px"><p>Upgrade using our easy <strong><a href="https://forum.step.org/admin/upgrade" target="_blank" rel="noopener noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="1">one-click browser upgrade</a></strong></p></li><li style="padding-bottom:10px"><p>See what’s new in the <a href="https://meta.discourse.org/tag/release-notes" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="2">release notes</a> or view the <a href="https://github.com/discourse/discourse/commits/main" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="3">raw GitHub changelog</a></p></li><li style="padding-bottom:10px"><p>Visit <a href="https://meta.discourse.org" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="4">meta.<span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">discourse</span>.org</a> for news, discussion, and support for <span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Discourse</span></p></li></ul><h3 style="margin:30px 0 10px"><a name="x_release-notes-1" href="#x_release-notes-1" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="5"></a>Release notes</h3><p>Read about the release here:</p><p><a href="https://meta.discourse.org/t/2-9-0-beta10-sidebar-new-notification-menu-security-fixes-and-more/239858" target="_blank" rel="noopener nofollow ugc noreferrer" data-auth="NotApplicable" style="text-decoration:none; font-weight:bold; color:#006699" data-safelink="true" data-linkindex="6">https://meta.<span data-markjs="true" class="mark95gsb08l7" style="background-color: rgb(255, 241, 0); color: black;" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">discourse</span>.org/t/2-9-0-beta10-sidebar-new-notification-menu-security-fixes-and-more/239858</a></p><p>This release includes security fixes, so please update as soon as possible.</p><div style="display:none; white-space:nowrap; font:15px courier; line-height:0"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div><style>
<!--
@media (prefers-color-scheme: dark) {
.rps_735d html
	{background:#151515!important}
.rps_735d h1, .rps_735d h2, .rps_735d h3, .rps_735d h4, .rps_735d h5, .rps_735d h6, .rps_735d p, .rps_735d span, .rps_735d td
	{color:#dddddd!important}
.rps_735d [data-stripped-secure-media]
	{border-color:#454545!important}
.rps_735d [dm='text-color']
	{color:#dddddd}
.rps_735d [dm='header']
	{background:#151515!important}
.rps_735d [dm='topic-body']
	{background:#151515!important;
	border-bottom:1px solid #454545!important}
.rps_735d [dm='triangle']
	{border-top-color:#151515!important}
.rps_735d [dm='body']
	{background:#222222!important;
	color:#dddddd!important}
.rps_735d [dm='body_primary']
	{background:#062e3d!important;
	color:#dddddd!important}
.rps_735d [dm='bg']
	{background:#323232!important;
	border-color:#454545!important}

	}
-->
</style></div></div>

Une solution de contournement en attendant serait de suggérer à l'utilisateur d'activer le mode sombre dans les paramètres de l'application Web Outlook...

Salut tout le monde,

Veuillez excuser ce retard, nous avons reproduit le problème dans un scénario spécifique et avons fusionné un correctif. Si vous êtes un client hébergé, le correctif sera appliqué à votre instance au cours de la semaine prochaine environ.


Le scénario spécifique pour la reproduction consiste à utiliser l’application web Outlook par défaut exécutée sur un système d’exploitation défini en mode sombre.

Cette combinaison a entraîné l’application de certains styles de mode sombre à des éléments du modèle d’e-mail. En effet, Outlook Web respecte @media (prefers-color-scheme:dark) (puisque le système d’exploitation est en mode sombre) même si Outlook Web lui-même n’est pas en mode sombre. C’est essentiellement un bug avec Outlook Web.

Néanmoins, nous avons implémenté un correctif minimal. Voici le commit pertinent dans le cœur :

6 « J'aime »