{"_id":"@brtheo/darkmode-switcher","_rev":"1-e4526ad72e017f29c9c921ef8f7e0f16","name":"@brtheo/darkmode-switcher","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@brtheo/darkmode-switcher","version":"1.0.0","description":"Simple dark mode switcher using css custom property","main":"index.js","repository":{"type":"git","url":"git+https://github.com/brtheo/darkmode-switcher.git"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["darkmode","switcher","css","custom-property"],"author":{"name":"brtheo"},"license":"ISC","gitHead":"380aef477567fe757eb42dca817f305623aba95b","bugs":{"url":"https://github.com/brtheo/darkmode-switcher/issues"},"homepage":"https://github.com/brtheo/darkmode-switcher#readme","_id":"@brtheo/darkmode-switcher@1.0.0","_nodeVersion":"14.11.0","_npmVersion":"6.14.8","dist":{"integrity":"sha512-GbUkxVgzh7Ydx2niPT3BJv9TGIBu9d8hQraS5CJ5MYXdDXf88MgsKBfVxolyZnzrxIN+1GRITMtczk9vbCsGQw==","shasum":"2b4568f41598b06ec863ecf200e44874a13fa0fe","tarball":"https://registry.npmjs.org/@brtheo/darkmode-switcher/-/darkmode-switcher-1.0.0.tgz","fileCount":6,"unpackedSize":3602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfY3m6CRA9TVsSAnZWagAA134P/0U+g7O1QLm4cS06MPar\nHWZwJo4kJQA7lg5vfsFeHn6BKYy8fI4+BRPKLYyjdNHYgZKN2GGCWV5qeWHh\nyLys6IjqlZXnAnVGvbc2mUAOk4xEiEscfxA0cE8P9UXOgFZhAXgC+uPtsJVm\ncHHptaOJT5wGdsDmMVNrGEsggWy2DlnRBCBwfnqii6RYWjxZAruaZzDDiqik\nlrDYO/YIH1HCdDRoHNN2fF263lWCSC+YIx5Y7DPnF6gy+bvQ0btpfu6G9el8\n5p0tpwIt5cgqVMcLNrIPzXrJ30KB77qyFNiv5m6sJcs4+rn/Hatz83b89pvq\n6TPl8BtkdKxovVDQW41hQXf+fkoGqfUCqKhJLAouaaGbmVuYBq7RIuMaldB5\nhk7RYHfe2GBpjuSrcptqKEiNBYkE5ZS0V9lnt9nvSZnh4zpR3uTl/lQzmuWL\ntz6DW/JNnO4Vs3GVVtlTCKIImsTj7/5AaMgDXkHivB9nqlJijxM7pdVyVnTA\nFd+8Z8w0tO88e/7B12BKAMrKBjqvRC1GtcZdkCfi8sUjYx097CeFypCBBzs2\nm3C7k6VnydKOK631Osk5Lrv/Jq/xbbQwk0HjtuTM+4y7jmRePz4qFGT26Cp7\nB4A4WCnyWh1EabcFmdfuUmt/8g284kPhgVWaB0XGOWuuLOfX5yDM2IQ9K1Xl\nsUuV\r\n=qYv/\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDDrH1EaE64JifFPpq1zYpoqfjsbvignDBc3xCGlRXgmAiAOBGlp5U2RFCZBGzKUOlZwqW1Ozlk50C23WebJgZtZpA=="}]},"maintainers":[{"name":"brtheo","email":"brossiertheo@live.fr"}],"_npmUser":{"name":"brtheo","email":"brossiertheo@live.fr"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/darkmode-switcher_1.0.0_1600354746171_0.7933007217888373"},"_hasShrinkwrap":false}},"time":{"created":"2020-09-17T14:59:06.118Z","1.0.0":"2020-09-17T14:59:06.289Z","modified":"2022-04-04T20:48:06.229Z"},"maintainers":[{"name":"brtheo","email":"brossiertheo@live.fr"}],"description":"Simple dark mode switcher using css custom property","homepage":"https://github.com/brtheo/darkmode-switcher#readme","keywords":["darkmode","switcher","css","custom-property"],"repository":{"type":"git","url":"git+https://github.com/brtheo/darkmode-switcher.git"},"author":{"name":"brtheo"},"bugs":{"url":"https://github.com/brtheo/darkmode-switcher/issues"},"license":"ISC","readme":"# Darkmode Switcher\r\n\r\nSimple way to toggle between dark or light mode based on the use of CSS custom property.\r\nDefault applied mode is the one corresponding to the user's preference.\r\n\r\n## Installation\r\n\r\n```shell\r\nnpm install darkmode-switcher --save\r\n```\r\n## Usage\r\n\r\nBy default the name of the toggling css class and the local storage key is `darkmode`.\r\nYou can change these names in each functions' parameters.\r\n\r\n```css\r\n:root {\r\n  --bgcolor: var(--white)\r\n}\r\n.darkmode {\r\n  --bgcolor: var(--black)\r\n}\r\n```\r\n\r\n```javascript\r\n// Main.js\r\nimport {initDarkmode} from './darkmode-switcher'\r\ninitDarkmode()\r\n\r\n//myButton.js\r\nimport {switchDarkmode} from './darkmode-switcher'\r\nhandleClick = () => switchDarkmode()\r\n```\r\n","readmeFilename":"README.md"}