Можно ли динамически менять тему уже загруженной HTML-страницы?

Question

Да, тему загруженной HTML-страницы можно менять динамически. Это делается через выполнение JavaScript или обновление CSS-стилей. WebView позволяет вызывать JS-код в любой момент после загрузки страницы. Такой подход часто используется при ручном управлении темами.

YeaHub · Accepted Answer

Иногда стандартного prefers-color-scheme недостаточно, и требуется вручную переключать тему без перезагрузки страницы.Основной механизмОпределение:Динамическая смена темы — это изменение стилей HTML-страницы без ее повторной загрузки.Это достигается через:выполнение JavaScriptдобавление или удаление CSS-классовподмену CSS-переменныхПример через JavaScriptИз iOS-кода:webView.evaluateJavaScript("document.body.classList.add('dark')")
В CSS:body.dark {
    background-color: black;
    color: white;
}
Альтернативные подходыТакже используют:CSS variablesотдельные стили для темпередачу темы через window-объектОграниченияВажно учитывать:JS можно выполнять только после загрузки страницысложные стили могут вызывать перерисовкусостояние темы нужно синхронизировать с iOSВыводДинамическая смена темы возможна и удобна, если требуется мгновенное обновление внешнего вида без перезагрузки WebView.