这个网站使用了两个JavaScript函数,它们分别用于处理网站的颜色主题和暗黑模式。
我们有一个stackColorScheme
的全局变量,它用来保存网站的主题颜色方案。通过localStorage.setItem
方法,我们可以将当前的主题颜色方案存储在浏览器的本地存储中。如果浏览器没有存储过当前的主题颜色方案,那么默认为”auto”(即不使用任何颜色方案)。
我们又定义了一个stackColorSchemeKey
的局部变量,它用来表示我们当前要使用的色系主题。接着,我们用window.matchMedia
方法检查浏览器是否支持暗黑模式(通过检查媒体查询中的prefers-color-scheme: dark
属性来判断),如果支持并且当前的色系主题是dark
,那么我们就将document.body.dataset.scheme
设置为'dark'
来应用暗黑模式。
这个网站主要通过这两个函数来控制页面的主题颜色以及实现暗黑模式。