<!DOCTYPE html>
<html lang="en-US">
<head>
<style media="screen and (light-level:dim)">
body{
background:#e6e6e6;
}
</style>
<style media="screen and (light-level:normal)">
body{
background:#f7f7f7;
}
</style>
<style media="screen and (light-level:washed)">
body{
background:#ffffff;
}
</style>
</head>
<body>
<p>light-level is not supported in any version of chrome, mozilla, IE, Edge, Opera.</p>
</body>
</html>