При смене селектора цвета интерфейса мета-теги 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остаются без изменений ← плохо - измените режим ОС на “Тёмный”
- цвет выреза не меняется

- обновите страницу в браузере
- HTML-мета-теги изменятся на:
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">