
ヘッダーからライトモードとダークモードを切り替えられるようにしました
ヘッダーのボタンで、表示を「端末の設定に合わせる」「ライト」「ダーク」から選べるようにしました。あわせて、両方のテーマで文字の見やすさを測り直し、基準に届かなかった色を直しました。
ヘッダーの言語切り替えの左に、表示テーマのボタンを置きました。
使い方
- 押すたびに「端末の設定に合わせる」→「ライト」→「ダーク」の順に切り替わります
- 選んだテーマはこの端末に保存され、次に開いたときも同じテーマで表示されます
- 最初は端末の設定(OS のライト・ダーク)に合わせて表示します
文字の見やすさ
両方のテーマで、すべての文字色と背景の組み合わせの見やすさ(コントラスト比)を測り直しました。アクセシビリティの基準(WCAG AA の 4.5:1)にわずかに届いていなかった、ライトモードの重大度「低」「重要」の色と、ダークモードの補足の文字の色を直しました。区切り線も少しはっきりさせています。