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.
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é.
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.
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"> </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...
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 :