Closed Acylation closed 1 year ago
自编插件解决,主要是windows系统Chrome网页端响应性不好,干脆把按钮ban掉。观察 iOS Safari 平台适配的比较好,就不发布了,自用
let updateSystemTheme = () => {
if (media.matches) {
themeAttrib.value = "dark";
//themeToggle.innerHTML = "开灯 |"
//console.log("toggle dark");
} else {
themeAttrib.value = "light";
//themeToggle.innerHTML = "关灯 |"
//console.log("toggle light");
}
}
let themeAttrib = document.documentElement.attributes[0];
let media = window.matchMedia('(prefers-color-scheme: dark)');
let themeToggle = document.getElementById("toggleTheme")
media.addEventListener('change', updateSystemTheme());
//响应式还不太会做,直接移除元素了;暂时处理不了rakuen的,之后看看咋回事
themeToggle.remove()
虽然点一下就能切换已经够方便了hhh 但还想再懒点儿