appearance-changed-event
Adds appearance-changed
event to the DOM to detect OS theme changes, using 1k of pure JavaScript.
Usage
Add appearance-changed-event.min.js to your page and start listening for appearance-changed
event.
window.addEventListener('appearance-changed', function(e) {
console.log(e.detail);
});
It also exposes window.appearance
which you can use to detect the current OS theme:
switch (window.appearance) {
case 'light': {
} break;
case 'dark': {
} break;
}
Development
The project includes a node server, run the following then visit http://localhost:8080
git clone https://github.com/orca-scan/appearance-changed-event
cd appearance-changed-event
npm install
npm start
Update .min files
To create a new version of the minified appearance-changed-event.min.js file from source, tweak the version number in package.json
and run npm run build
History
For change-log, check releases.
License
Licensed under MIT License © Orca Scan (build a barcode scanner app without code)