新鍵盤入手，HHKB Professional 2 Type-S
hhkb
通過偵聽顯示器亮度，或根據當地時間，實現自動換膚換色。
DeviceLightEvent
window.addEventListener('devicelight', function(e) {
var lux = e.value;
if(lux < 50) {
document.body.className = 'dim';
}
if(lux >= 50 && lux <= 1000) {
document.body.className = 'normal';
}
if(lux > 1000) {
document.body.className = 'bright';
}
});
兼容性
https://developer.mozilla.org/zh-CN/docs/Web/API/DeviceLightEvent
桌面：
- Firefox 22.0 (Gecko 22.0) (Mac OS X only)
移動：
- Firefox 15.0 (Gecko 15.0)
CSS Media-Query
@media (light-level: dim) {
/* 暗光環境 */
}
@media (light-level: normal) {
/* 正常光環境 */
}
@media (light-level: washed) {
/* 明亮環境 */
}
兼容性
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/light-level
Working Draft，暫無支持
根據時間
示例：
暗光環境： [20,21,22,23,0,1,2,3,4,5]
正常環境： [6,7,8,17,18,19]
明亮環境： [9,10,11,12,13,14,15,16]
一般大概是這樣，也可以根據地域和季節進行調整。
時間判斷，加入class，GitBook插件源碼： https://github.com/willin/gitbook-plugin-autotheme
查看演示： https://leader.js.cool/
