如何为wkwebview使用iOS 13 darkmode

假设您的问题是询问是否根据亮还是暗模式有效地更改WKWebView中显示的HTML内容的颜色，您在应用程序的代码中没有执行任何操作。所有更改都必须在HTML内容所使用的CSS中。

我在WKWebView中使用了一些本地HTML文件。我能够通过更新CSS文件来支持暗模式。

假设您当前有一个css文件，其中包含以下内容：

body {
    background-color: white;
    color: black;
}

a:link {
    color: #0078b5;
    text-decoration: none;
}

那些在光线模式下很好。为了也支持暗模式，可以@media在CSS中添加一个部分：

@media (prefers-color-scheme: dark) {
    body {
        background-color: rgb(38,38,41);
        color: white;
    }
    a:link {
        color: #0096e2;
    }
    a:visited {
        color: #9d57df;
    }
}

在暗模式下，此@media部分中的颜色将覆盖在该部分外部定义的相应颜色@media。