Как покрасить безопасные области в черный цвет в Capacitor iOS (WKWebView)? ⇐ CSS

[Anonymous]

Я пытаюсь окрасить безопасные области (область надреза, домашний индикатор) в черный цвет в приложении Capacitor для iOS. Под капотом приложения используется WKWebView.
Однако я по-прежнему вижу белые безопасные области в WKWebView, смоделированные на симуляторе iPhone. Основная область содержимого, как и ожидалось, черная, но область выреза и нижняя безопасная область остаются белыми. Я бы предпочел знать ссылки на документацию и советы, чтобы действительно понять эту проблему, а не просто писать код (хотя это тоже помогло бы). Я просмотрел документацию по конденсатору и нашел информацию о StatusBar (@capacitor/status-bar), но больше ничего. Возможно, я что-то упускаю, но я новичок в этом, и мне трудно точно понять.
Любая помощь будет очень признательна. Я специально хочу сохранить одинаковый черный фон во всем приложении, включая безопасные области.
Я прикрепил несколько изображений, которые являются результатом прокрутки вверх, влево, вправо и вниз.
Прокрутка до конца.
Прокрутка до конца влево.

Прокрутка до конца вправо.
Прокрутка до конца
Что я пробовал:

• Добавлен метатег области просмотра:

Added CSS in index.css:

cssCopybody {
background-color: black;
}

body, html {
width: 100vw;
height: 100vh;
}

Установите фоновый цвет в конденсаторе.config.json:

jsonCopy{
"ios": {
"backgroundColor": "#000000"
}
}


Подробнее здесь: https://stackoverflow.com/questions/792 ... -wkwebview