前端阅读体验优化-GitBook自动换肤

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';
  }
});

@media (light-level: dim) {
  /* 暗光环境 */
}
 
@media (light-level: normal) {
  /* 正常光环境 */
}
 
@media (light-level: washed) {
  /* 明亮环境 */
}