ダークモードとライトモードを一時的に切り替える方法

[yoshi389111]

Twitter のマイルストーンで紹介されている記事を見たら、残念ながらダークモードでは非常に見にくい感じになっていました。

おそらく、白地を前提に透過画像を使っていて、ダークモードでは黒地に黒の画像になってしまっているのではないかと思います。
（逆に将来的には、ダークモードを使っている人の投稿した記事が、ライトモードで見にくいこともあるかもしれないとも思います）

簡単にダークモード⇔ライトモードに切り替えられるスイッチがあったら便利だなと思いました。
（あるいは、上記のような記事がダークモードでも見やすくなればそれでも問題ないと思いますが）

お手数ですが、ご一考願います。

[munierujp]

画像が見づらい問題については、GitHubやQiitaに貼る画像はどんな背景色でも見やすいように背景を透過しないのがベターだと思います。
GitHubでも、READMEに貼られた画像の背景が透過されているがゆえにダークモード時に見づらいケースがまれにあります。

standard/standard#1641

とはいえ、デフォルトではシステムの外観設定に合ったテーマで表示しつつ、ユーザーが明示的にテーマを選択できるようにするのは、ユーザーに対して選択肢を与えるという意味では、良いアイデアでしょう。

MDN Web Docs:

YouTube:

[yoshi389111]

基本的に同意見です。

背景を透過しないのがベターだと思います。

そうだと思うのですが（意図して透過させたいケースって思いつかないけど何かあるのかな？）、新規作成分はともかく、過去分をすべて処理するのは大変かもな、と思っています。
また、外部の画像ファイルを埋め込んでいるような場合にも困りますよね。

デフォルトではシステムの外観設定に合ったテーマで表示しつつ、ユーザーが明示的にテーマを選択できるようにするのは、ユーザーに対して選択肢を与えるという意味では、良いアイデアでしょう。

きっとこれは（何も言わなくても）そのうち実装してくれるんじゃないかと思っているのですが、その時に settings の中とかだと切り替えが大変なので、できれば記事を読んでいるときにすぐに切り替えられる位置にあるといいなぁ、というのが希望です。

[tanaka-asami415]

@yoshi389111 @munierujp
ありがとうございます！🙏
切り替えについては、他にも要望をいただいているため検討します！

[yoshi389111]

切り替え機能というタイトルで書いていましたが、透過イメージがダークモードで見難いことがある対策としては、ダークモードでも画像の背景をライトモードと同じにしたらよいような気がしてきましたが、対応は難しいですかね？

（試しに Chrome のデベロッパーツールで .it-MdContent img あたりに background-color を設定してみたらボーダーがアルファ値を持っていて、透過イメージでは気にならなかったけど、非透過イメージの場合にはボーダーが目立ってしまいました。ボーダーが非透過なら、背景色を変えれば見た目はかなり改善する気がするのですが……）

[yoshi389111]

ベータ版で透過画像の対応がされているのを確認しました。

切り替え機能自体は別途検討を進めているとのことで、本件は以上でクローズします。

ありがとうございました。

[tanaka-asami415]

@yoshi389111
以前クローズいただきましたが、切替機能も正式版でリリースできたためご報告させていただきます！✨
詳細は下記ブログをご参照ください🙇
https://blog.qiita.com/release-theme/

リクエストいただきありがとうございました！