DarkMode：- 颜色反转不适用于 WKWebview Tableview 内容

Question

.css 文件

@media (prefers-color-scheme: dark) {
 :root {
        color-scheme: light dark;
    filter: invert(100%);
   -webkit-filter: invert(100%)
 }
}

这是它在 WKWebView 中的样子

Answer 1

添加table标签后，表格数据颜色倒转正常

 @media (prefers-color-scheme: dark) {
     // root tag inverting all the components color except the table.
     : root {
            color-scheme: light dark;
        filter: invert(100%);
       -webkit-filter: invert(100%)
     }
    //table tag needed for inverting table content.
    table {
            filter: invert(100%);
     }
    }