0

.css File

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

This how it looks in WKWebView

Manikandan
  • 1,195
  • 8
  • 26

1 Answers1

0

After adding the table tag, table data color inverted properly 

 @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%);
     }
    }

enter image description here

Manikandan
  • 1,195
  • 8
  • 26
  • Could you please help me on this?https://stackoverflow.com/questions/69830561/wkwebview-dark-and-light-mode-with-dynamic-url-in-swift-5 – Yogesh Patel Nov 03 '21 at 19:33