OpenLayers根据浏览器主题切换地图主题

今天看华为的Petal Maps，发现地图的主题自动适配了我浏览器的深色模式。

 

研究了一下，发现原理如下：

// 检测是否浅色模式
var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches;
// 检测是否深色模式
var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;