prefers-color-scheme1.0.1 • Public • Published
🎨 Prefers color scheme
Prefers color scheme is a package that tells you a user's preferred color scheme. It's based on the CSS
@media (prefers-color-scheme). It's around 700 bytes minified, 300 bytes gzipped.
Add the dependency from NPM:
npm install prefers-color-scheme
Import the package:
Then call the function:
const colorScheme = ;// Returns "light" or "dark"
💡 Browser support
This package only works in browsers that natively support
@media (prefers-color-scheme), so it just returns
"light" in unsupported browsers. Current browser support
false as the argument, you can get
"unsupported" as the value for unsupported browsers:
const colorScheme = ;// Returns "light", "dark", or "unsupported"
Compile Typescript to ES6 before publishing to NPM: