Выбор цвета выреза / цвета интерфейса iOS

При смене селектора цвета интерфейса мета-теги meta name="theme-color" не обновляются, что иногда приводит к отображению неверного цвета на вырезе iPhone.

Воспроизведение (здесь, на meta)

  • включите селектор цвета интерфейса
  • установите режим ОС в “Светлый”
  • установите режим селектора цвета интерфейса Discourse в “Светлый”
  • перезагрузите браузер
  • мета-теги выглядят так:
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">

что правильно устанавливает нужный цвет для выреза iPhone

  • переключите режим селектора цвета интерфейса Discourse в “Авто”
  • атрибуты media для link class="light-scheme" и dark-scheme меняются корректно
  • мета-теги theme-color остаются без изменений ← плохо
  • измените режим ОС на “Тёмный”
  • цвет выреза не меняется :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 лайк

Это напоминает мне Dark/Light Mode Toggle delivers mixed results when OS settings do not match toggle settings. Возможно, это та же самая ошибка.

Нет, это что-то другое, это проблема в теме. Я опубликую решение в той теме.

1 лайк

ДОРОГОЙ БАГ, если у вас ОКР, как у меня D: