최근 이메일로 받은 게시물의 텍스트가 회색으로 표시되고 있습니다.
이 문제는 meta.discourse.org와 일부 다른 Discourse 포럼에서 발생하지만, 다른 일부 Discourse 포럼에서는 문제가 없습니다.
이 문제는 Mac이 다크 모드로 설정되어 있을 때만 발생하며, 라이트 모드에서는 발생하지 않습니다.
최근 Discourse 소프트웨어에서 이 문제를 일으키는 변경 사항이 있었나요?
5개의 좋아요
Richard님,
Apple Mail과 3가지 다른 브라우저에서 Gmail을 사용하여 이 문제를 재현해 보았지만, 아직까지 성공하지 못했습니다. 따라서 이 문제를 재현할 수 있는지 확인하기 위해 추가 정보를 얻고 싶습니다. 아래 내용을 알려 주실 수 있나요?
- 어떤 이메일 클라이언트를 사용하시나요?
- Gmail을 사용하신다면, 어떤 브라우저를 사용하시나요?
- 그리고 어떤 버전의 macOS를 사용하시나요?
이 문제를 계속 조사해 보겠지만, 이 정보가 원인을 좁히는 데 도움이 되기를 바랍니다.
Mark
4개의 좋아요
저는 리처드가 아니지만, 이미지에서 보이는 글꼴을 judging by the font in the image, 그는 Microsoft Outlook을 사용하고 있는 것으로 보입니다. 
3개의 좋아요
2.9.0.beta4로 업그레이드한 이후, 포럼의 한 회원이 포럼에서 발송된 이메일에서 유사한 문제를 겪고 있다고 보고했습니다. 해당 사용자의 PC는 다크 모드로 설정되어 있으며, Windows 10에서 Microsoft Outlook을 사용하고 있습니다.
해당 사용자는 이메일 중 하나를 IT 매니저에게 전달했는데, IT 매니저의 기기에서는 밝은 회색 텍스트가 검은색으로 표시되었습니다.
포럼의 ‘기본 다크 모드 색상 스킴 ID’ 설정은 '없음’으로 되어 있습니다. 활성화된 테마는 ‘기본’ 하나뿐이며, 색상 팔레트는 '라이트(기본)'로 설정되어 있고, 사용자 정의 CSS/HTML는 없습니다.
4개의 좋아요
사용자로부터 이메일 알림의 텍스트 색상이 매우 밝아 읽기 어렵다는 보고를 받았습니다:
이 문제는 Outlook Web App에서만 발생하는 것 같습니다. 다른 분들도 같은 문제를 겪어 보셨나요? 이것이 Discourse 때문인지 Outlook 앱 때문인지, 그리고 해결할 수 있는 방법이 있는지 궁금합니다.
안녕하세요, @Anna_at_Skuid 님을 환영합니다 
같은 이슈에 대한 이 기존 Contribute > Bug 주제에 게시물을 통합하여 함께 묶어두었습니다. 
3개의 좋아요
Windows 10 Enterprise, 버전 20H2 환경에서 Microsoft Edge(버전 106.0.1370.47 (공식 빌드) (64비트)), Firefox 106.0.1 (64비트), Chrome(버전 106.0.5249.119 (공식 빌드) (64비트))의 Web Outlook 앱으로 해당 문제를 재현할 수 있습니다.
Windows 10 설정 > 개인 설정 > 색상 >
그 후 다음 중 하나를 선택합니다:
색상 선택: 사용자 지정.
기본 앱 모드 선택: 다크.
또는:
색상 선택: 다크.
Outlook Web 앱 > 설정 > 다크 모드: 끔.
아래에 예시로 든 새 버전 이메일에서 가져온 이 CSS 스타일의 색상 속성 때문인 것 같습니다:
<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 href="#x_release-notes-1" name="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>
그동안의 임시 해결책으로 Outlook Web 앱 설정에서 다크 모드를 켜도록 사용자에게 권장하는 것이 좋겠습니다…
안녕하세요,
지연에 대해 사과드립니다. 특정 시나리오에서 문제를 재현했고, 수정 사항을 병합했습니다. 호스팅 고객인 경우, 약 일주일 이내에 해당 인스턴스에 수정 사항이 반영될 예정입니다.
재현을 위한 특정 시나리오는 다크 모드로 설정된 OS에서 기본 Outlook 웹 앱을 사용하는 경우입니다.
이 조합으로 인해 이메일 템플릿의 일부 요소에 다크 모드 스타일이 적용되는 문제가 발생했습니다. Outlook 웹 앱 자체는 다크 모드가 아니더라도, OS가 다크 모드이므로 @media (prefers-color-scheme:dark)를 준수하기 때문입니다. 이는 사실상 Outlook 웹 앱의 버그입니다.
그럼에도 불구하고 최소한의 수정을 구현했습니다. 코어에서 관련 커밋은 다음과 같습니다:
6개의 좋아요