ligth-css

light-css.txt

<script>
window.addEventListener('devicelight', function(e) {
  var lux = e.value;

  if (lux < 50) { // luz tenue
    document.body.className = 'tenue';
  }
  if (lux >= 50 && lux <= 1500) { //luz normal
    document.body.className = 'normal';
  }
  if (lux > 1500)  { // mucha luz
    document.body.className = 'luminoso';
  } 
});
</script>
<style>
body,
body.normal {
    /*fondo de luminosidad media*/
    background-color: #963F53;
    /*letra de color 
    levemente oscuro*/
   color: #111;
}
body.tenue {
   /*fondo oscuro 
   para ambiente de oscuridad*/
     background-color: #70011B;
     /*luz clara que resalte del fondo*/
   color: #fff;
}
body.luminoso {
   /*fondo claro 
   para ambiente de mucha claridad*/
     background-color: #fff;
     /*luz oscura que resalte del fondo*/
   color: #70011B;
}
</style>