💡 Light level

!Vulnerabilities
!NPM type definitions


Light level is a package that tells you a user's preferred light level. It's based on the CSS @media (light-level), which is part of Media Queries Level 5. It's around 700 bytes minified, 300 bytes gzipped.

⭐ Usage

Add the dependency from NPM:

``bash
npm install light-level-css
`

Import the package:

`js
import lightLevel from "light-level-css";
`

Then call the function:

`js
const lightPreference = lightLevel();
// Returns "dim", "washed" or "normal"
`

💡 Browser support

This package only works in browsers that natively support @media (light-level), so it just returns "normal" in unsupported browsers. Current browser support

By passing false as the argument, you can get "unsupported" as the value for unsupported browsers:

`js
const lightPreference = lightLevel(false);
// Returns "dim", "washed", "normal", or "unsupported"
`

🛠️ Development

Install dependencies:

`bash
yarn
`

Compile Typescript to ES6 before publishing to NPM:

`bash
yarn build
`

📀 Media Queries Level 5

- 🙅 prefers-reduced-motion · GitHub · NPM
- 🎨 prefers-color-scheme · GitHub · NPM
- 🕶️ prefers-contrast · GitHub · NPM
- 🎞️ prefers-reduced-transparency · GitHub · NPM
- 🌑 inverted-colors · GitHub · NPM
- 🧖 environment-blending · GitHub · NPM
- 💡 light-level` · GitHub · NPM

📝 License

MIT