这个网站是一个VuePress的配色主题，它可以根据用户设置的主题模式自动切换暗色或亮色主题。当系统Dark模式被激活时，网站会自动切换为黑色背景主题（dark模式）。
该网站的代码片段如下：
(function() {
const userMode = localStorage.getItem('vuepress-reco-color-scheme') || 'auto';
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
if (userMode === 'dark' || (userMode === 'auto' && systemDarkMode)) {
document.documentElement.classList.toggle('dark', true);
}
})();
// CSS样式
.medium-zoom-overlay{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
opacity:0;
transition:opacity .3s;
will-change:opacity
}
.medium-zoom--opened .medium-zoom-overlay{
cursor:
这段代码中包含两个JavaScript函数，一个是在页面加载时执行的匿名函数，另一个是CSS样式类。其中，localStorage.getItem('vuepress-reco-color-scheme')用于获取用户设置的主题颜色模式，window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches用于检测系统是否启用了深色模式。如果用户设置的主题模式为暗色，或者系统开启了深色模式，那么就会触发页面的颜色切换操作。
