ダークモードでは引用ボタンが黒くなり、見えにくくなっています

以前は引用ボタンが灰色だったので、黒い背景に対して非常に見やすかったのですが、現在は黒色になり背景に溶け込んでしまい、非常に見にくくなっています。この変更が意図的なものかどうかわかりませんが、プレビューのスタイルに戻すか、背景とのコントラストを高める他の方法を実装していただくことを希望します。

Metaの画像はこちら:

「いいね!」 3

こんにちは!どのテーマ/配色を組み合わせて使用していますか?

フィードバックありがとうございます!このポップアップを他のポップアップメニューと同じようにスタイル設定するつもりでしたが、確かにライトモードよりもダークモードでは見えにくいです…

確認して、より良い中間点があるかどうか見てみます。

「いいね!」 6

これについてのアップデートがあるか確認したかっただけです。テキストをハイライトしたときに、引用ボタンがどこに表示されたのか、まだ見つけるのが難しいです。

「いいね!」 3

ダークカラーパレット用に、より不透明な個別のシャドウセットを作成した点がマイナーな改善点です。ライトカラーパレットのシャドウの不透明度が 0.15 であるのに対し、ダークカラーパレットでは 0.5 を使用するため、少し見やすくなります。ただし、純粋な黒背景のカラーパレットではあまり効果的ではありません。

Screenshot 2023-07-10 at 2.38.11 PM

もう1つの注目すべき改善点は、GitHubで見られるものです。GitHubのダークカラーパレットでは、ドロップダウンの背景をわずかに明るくすることで、背景とのコントラストを高めています。

@cvx は、これがAppleのインターフェースガイドラインで推奨されていることに似ていると的確に指摘しました。

2つのライトインターフェースが重ね合わされる場合、それらの間に視覚的な分離を作成するには、シンプルで拡散したドロップシャドウで十分です。ダークインターフェースの場合、ドロップシャドウの効果はわずかに低下します。
システムの背景色は、バックグラウンドのアプリまたはインターフェースにはより暗い、またはベースの値を使用し、フォアグラウンドにあるアプリまたはインターフェースには、より明るい、昇格した値を使用します

このコンセプトは、ドロップダウンが影を落とす仮想的な光源に近いほど、より明るくなるべきであるというものです。

「いいね!」 4

引用ボタンを明るくする(以前ほどではないにしても)のは、助けになると思います。

「いいね!」 1