PWA - фон строки состояния и цвет текста в темном режиме IOS 13

У меня возникли проблемы с цветом строки состояния PWA после того, как Apple представила темный режим в новой iOS 13.

Раньше я устанавливал для стиля «apple-mobile-web-app-status-bar-style» значение «black-translucent» для прозрачного фона с белым текстом в строке состояния. Теперь, в зависимости от темы пользовательской системы (светлая или темная), цвет текста меняется с белого на черный и наоборот. Поскольку в моем макете используется темный фон, в результате получается черный текст на «почти черном» фоне.

Какое-либо обходное решение для этого?

полупрозрачный черный - показывает белый текст - ios12 black-translucent - показывает черный текст - ios13


html ios-darkmode ios13 css progressive-web-apps
person Bulhosa    schedule 30.09.2019    source источник

Ответы (1)


arrow_upward
1
arrow_downward

black-translucent кажется обесцененным значением этого метатега. По словам пользователя "furvy" при обсуждении на apple.com: https://forums.developer.apple.com/thread/89471. Он сказал:

Сегодня я заметил это в удаленном отладчике Safari, когда смотрел на одно из моих веб-приложений ... «black-translucent» - это устаревшее значение в стиле строки состояния для apple-mobile-web-app-status-bar. Поддержка этого значения будет удалена в следующем выпуске. ' [...]

Это так раздражает и мой PWA, но этот ответ был в 2017 году, так что, возможно, он все еще работал из-за ошибки в iOS 12, но в iOS 13 они полностью удалили его.

person Fabian    schedule 06.10.2019