iOSノッチの色/インターフェースの色セレクター

バグ
1

インターフェースのカラーセレクターを変更しても、meta name="theme-color" のメタタグが更新されないため、iPhone のノッチで意図しない色が選択されることがあります。

再現手順（ここではメタタグについて）

  • インターフェースのカラーセレクターを有効にする
  • OS モードを「Light」に設定する
  • Discourse のインターフェースカラーセレクターモードを「Light」に設定する
  • ブラウザをリロードする
  • メタタグは以下のようになります
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">

これにより、iPhone のノッチの色が正しくなります。

  • Discourse のインターフェースカラーセレクターモードを「Auto」に切り替える
  • link class="light-scheme" および dark-scheme の media 属性は正しく変更されます
  • theme-color メタタグはそのままです ← 問題
  • OS モードを「Dark」に変更する
  • ノッチの色が変わりません :scream:
  • ブラウザをリロードする
  • HTML メタタグは以下のように変更されます
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">
「いいね！」 1
2

これは Dark/Light Mode Toggle delivers mixed results when OS settings do not match toggle settings を思い出させます。おそらくそれは同じバグでしょう。

3

いいえ、それは別の問題です。テーマの問題です。そのトピックに解決策を投稿します。

「いいね！」 1
4

私のようにOCD（強迫性障害）を持っている人にとっては迷惑なバグです D: