bangumi / issues

Official issue tracking for Bangumi.tv
https://github.com/bangumi/issues/issues
24 stars 0 forks source link

FR: 开灯/关灯样式跟随系统 #87

Closed Acylation closed 1 year ago

Acylation commented 1 year ago

虽然点一下就能切换已经够方便了hhh 但还想再懒点儿

Acylation commented 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()