Как поддержать темную и светлую тему внутри WebView?

Question

Поддержка тем реализуется через CSS и передачу информации о текущей теме в WebView. iOS автоматически сообщает WebKit о режиме интерфейса. HTML может адаптироваться через media query или JavaScript. Это позволяет синхронизировать внешний вид WebView с приложением.

YeaHub · Accepted Answer

Современные iOS-приложения должны поддерживать темную и светлую тему, включая встроенный веб-контент.Использование CSSОпределение:CSS media query позволяет определить текущую цветовую схему системы.Пример:@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
}
Поведение WKWebViewWebView:автоматически передает информацию о темеприменяет соответствующие стилиобновляет внешний вид при смене темыАльтернативный подходТакже можно:передавать тему через JavaScriptподменять CSS-файлыуправлять стилями из нативного кодаВыводЛучший способ поддержки тем в WebView — использование prefers-color-scheme, так как он нативно интегрирован с системой.