Thunderbirdのダークテーマで引用テキストが読めない(以前のメール修正後も)

以前のダークモードで引用文が読めないというバグレポートがクローズされたため、新しいトピックを立てました。

残念ながら、Windows 11 上の Thunderbird 158.0.1 では問題が依然として存在します。すでに以前の修正が含まれた最新バージョンの Discourse インストール環境でも同様です。

再現手順

Thunderbird のダークテーマを使用しており、メッセージの外観設定で 「メッセージテキストにダークモードを使用する」のチェックを外しています。

私の設定は以下の通りです:

この設定下では、Discourse の通知メール内の引用文の背景がほぼ白ですが、テキストも非常に明るい色で表示されます。これにより、ほとんど読めなくなります。

調査結果

Fedora の Discourse フォーラムで、まさに同じ問題を説明している古いスレッドを見つけました:

ダークテーマのメールで引用と等幅フォントのテキストが読めない – Fedora Discussion

2023年に、この問題はすでに Thunderbird のバグとして特定されていました。

これは必ずしも Discourse のバグではなく、Thunderbird で「メッセージテキストにダークモードを使用する」を有効にすることで回避できることは承知しています。

しかし、ユーザーの視点から見れば、壊れているように見えるのは依然として Discourse の通知メールです。人々は必ずしも Thunderbird の設定について知っているわけではなく、メールの一部が読めないことで Discourse に不満を持つようになるのも理解できます。

Thunderbird が適切に対応するのを待つよりも、可能であれば Discourse 側で小さなワークアラウンドを実装してほしいです。

私には機能した簡単な修正方法

影響を受けたメールの一つの HTML ソースを確認したところ、引用部分に明示的に明るい背景色(#f8f8f8)が定義されていますが、テキストカラーが指定されていませんでした。

引用部分のインラインスタイルに直接 color:#222222 を追加してみました。

以下は、メールソースの関連部分です(quoted-printable 形式)。

元の内容:

a-topic=3D"4328" style=3D"border-left:5px solid #e9e9e9;background-color:=
#f8f8f8;margin:0;padding:12px 25px 2px 12px;margin-bottom:10px">

修正後:

a-topic=3D"4328" style=3D"border-left:5px solid #e9e9e9;background-color:=
#f8f8f8;color:#222222;margin:0;padding:12px 25px 2px 12px;=
margin-bottom:10px">

これだけで、Thunderbird の設定を変更することなく、引用部分が再び読めるようになりました。

Discourse で対応することは可能ですか?

単に暗いテキストカラーを追加するだけでは、ダークモードを適切にサポートしているメールクライアントに対しては、対応するオーバーライドが必要になるかもしれないと理解しています。その部分はテストしていません。

それでも、私の特定のケースに対する修正は驚くほど簡単であり、この問題は明らかに何年も前から存在していたようです。

Discourse に、引用部分に適したテキストカラーを明示的に定義する小さな互換性修正を含めることは可能でしょうか?

Thunderbird はこれをより適切に処理すべきですが、各影響を受けたユーザーに Thunderbird のワークアラウンドを説明するのではなく、すべての人が読める Discourse メールを見ることを優先したいです。

@awesomerobot さんを含む皆様、事前に確認いただきありがとうございます。

この件についてさらに調べたところ、インライン引用スタイルに color: #222222 を追加する場合、対応するダークモードのオーバーライドも必要であることがわかりました。そうしないと、ダークモードのスタイルを正しく適用するメールクライアントでは、暗い背景に暗い文字が表示されてしまう可能性があります。

既存のダークモード CSS は次のように拡張できます:

code,
pre code,
blockquote {
  background: #323232 !important;
  border-color: #454545 !important;
  color: #dddddd !important;
}

また、code と pre code はテキスト色が明示的に定義されていない状態で明るい背景を持っているように見えます。これらも同様の問題に直面する可能性があるため、デフォルトスタイルにも color: #222222 を追加するのが理にかなっているかもしれません。

コードブロックについては個別にテストしていませんが、念のためお伝えしておきます。

早めに修正していただけると助かります。技術的な観点からは小さな問題ですが、これらの通知を受信する人々にとってはかなり苛立ちを招くものです。

参考になれば幸いです @awesomerobot