JavaScript 检测浏览器暗色模式（Dark Mode）完整指南

window.matchMedia('(prefers-color-scheme: dark)').matches

图像颜色反转示例

const img = document.querySelector('#myimage')
if (window.matchMedia && 
    window.matchMedia('(prefers-color-scheme: dark)').matches) {
  img.style.filter="invert(100%)";
}

监听模式变更事件

window.matchMedia('(prefers-color-scheme: dark)')
      .addEventListener('change', event => {
  if (event.matches) {
    //dark mode
  } else {
    //light mode
  }
})