如何为WkWebViewRenderer中更改的文本激活暗模式？

/* 定义暗模式样式 */
:root {
  --background-color: #ffffff;
  --text-color: #000000;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #121212;
    --text-color: #ffffff;
  }
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}

// 检测系统主题并切换样式
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  document.documentElement.classList.add('dark-mode');
} else {
  document.documentElement.classList.remove('dark-mode');
}

let jsCode = """
var style = document.createElement('style');
style.innerHTML = 'body { background-color: #121212; color: #ffffff; }';
document.head.appendChild(style);
"""
webView.evaluateJavaScript(jsCode, completionHandler: nil)

const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
mediaQuery.addEventListener('change', (e) => {
  if (e.matches) {
    document.documentElement.classList.add('dark-mode');
  } else {
    document.documentElement.classList.remove('dark-mode');
  }
});