PluginsKers
PluginsKers 是一个网站,提供了一种在页面加载之前检查当前主题的功能。这个功能可以帮助用户根据他们的偏好设置来切换网站的主题,从而提供更好的阅读体验。
主要功能
- 通过
window.localStorage
获取当前主题的值(如果有的话),并将其存储在currentTheme
变量中。 - 如果
currentTheme
等于 ‘dark’,则将isDark
设置为true
,表示当前主题是暗黑主题;否则,将isDark
设置为false
,表示当前主题不是暗黑主题。 - 根据
isDark
的值来添加或移除 ‘dark-theme’ 类到页面的 body 元素上。这可以通过修改pagebody.classList
实现。 - 对于移动设备,当主题为暗黑时,会修改 id 为 “mobile-toggle-theme” 的元素的文本内容为 “· Dark”。
如何使用
要使用这个功能,你需要首先在页面的 HTML 文件中引入 PluginsKers 的脚本文件。然后,你可以在代码中调用这个函数来检查当前主题并切换主题:
// 引入 PluginsKers 脚本文件
<script src="path/to/pluginskers.js"></script>
// 在页面加载完成后调用此函数来检查并切换主题
window.onload = function() {
PluginsKers();
}
通过这种方式,用户可以在访问网站时根据他们的偏好自动切换主题。