{"_id":"@bsthun/tailwindcss-instant-dark-mode","_rev":"3-d6e0d67cc49b54cb5e5560799ee9c845","name":"@bsthun/tailwindcss-instant-dark-mode","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bsthun/tailwindcss-instant-dark-mode","version":"1.0.0","keywords":["tailwind","dark-mode"],"author":{"name":"BSthun","email":"bsthun@gmail.com"},"license":"MIT","_id":"@bsthun/tailwindcss-instant-dark-mode@1.0.0","maintainers":[{"name":"bsthun","email":"bsthun@gmail.com"}],"homepage":"https://github.com/BSthun/tailwindcss-instant-dark-mode#readme","bugs":{"url":"https://github.com/BSthun/tailwindcss-instant-dark-mode/issues"},"dist":{"shasum":"deaa7bc389a2d7363fe2189855da2427d0751f50","tarball":"https://registry.npmjs.org/@bsthun/tailwindcss-instant-dark-mode/-/tailwindcss-instant-dark-mode-1.0.0.tgz","fileCount":6,"integrity":"sha512-oOMCyXReDtZ/W4lvnlic19WwUtBNnjogpGeBW/M6gFEMUlcmOCspd+FZVbIDJ27NGqvmpbWTnTJIdFXOZfXDtQ==","signatures":[{"sig":"MEUCICLwAIl7uVtOYuWcNdz4s6dO7NOqaty2mY7A6NrelsuBAiEAsz6Ww+chfyCASPXrjz/G87/6dj4GfoBy2MT2vszwyMM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75056},"gitHead":"e8127c77bde2bd4076e3ae5e14d8cd90069bb69e","scripts":{"format":"prettier --write ."},"_npmUser":{"name":"bsthun","email":"bsthun@gmail.com"},"repository":{"url":"git+https://github.com/BSthun/tailwindcss-instant-dark-mode.git","type":"git"},"_npmVersion":"10.9.2","description":"A tailwind plugin that make a class to instant apply both light and dark variants of a color automatically.","directories":{},"_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"prettier":"^3.4.2","tailwindcss":"^2.0.0","@types/tailwindcss":"^3.0.11"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-instant-dark-mode_1.0.0_1737530307816_0.8903521859532009","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bsthun/tailwindcss-instant-dark-mode","version":"1.0.1","keywords":["tailwind","dark-mode"],"author":{"name":"BSthun","email":"bsthun@gmail.com"},"license":"MIT","_id":"@bsthun/tailwindcss-instant-dark-mode@1.0.1","maintainers":[{"name":"bsthun","email":"bsthun@gmail.com"}],"homepage":"https://github.com/BSthun/tailwindcss-instant-dark-mode#readme","bugs":{"url":"https://github.com/BSthun/tailwindcss-instant-dark-mode/issues"},"dist":{"shasum":"afc61de259feafeaaa1fb4427415a615768be4d2","tarball":"https://registry.npmjs.org/@bsthun/tailwindcss-instant-dark-mode/-/tailwindcss-instant-dark-mode-1.0.1.tgz","fileCount":8,"integrity":"sha512-q7FIwuAIO+bGZ4fF8bO9TpYmHbYsLAiNdldO19gJX/HNS3xVmZMrH6pB7RbLe9Qw4b+6SRVZWSbzXNMvhSUcQw==","signatures":[{"sig":"MEQCIFXwfVJekBxTsL4M0ujgWo9LZ4Ox78Ww+0Qi2egqAuSBAiBfgySfBYRVD4azprTsfboPP79bjqTw5iRkjTgXQYdGxw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76097},"gitHead":"a709cc8b49ae44ed204154cd049c0df40c5076d7","scripts":{"format":"prettier --write ."},"_npmUser":{"name":"bsthun","email":"bsthun@gmail.com"},"repository":{"url":"git+https://github.com/BSthun/tailwindcss-instant-dark-mode.git","type":"git"},"_npmVersion":"10.9.2","description":"A tailwind plugin that make a class to instant apply both light and dark variants of a color automatically.","directories":{},"_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"prettier":"^3.4.2","tailwindcss":"^2.0.0","@types/tailwindcss":"^3.0.11"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-instant-dark-mode_1.0.1_1737682029619_0.522136531630369","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bsthun/tailwindcss-instant-dark-mode","version":"1.0.2","keywords":["tailwind","dark-mode"],"author":{"name":"BSthun","email":"bsthun@gmail.com"},"license":"MIT","_id":"@bsthun/tailwindcss-instant-dark-mode@1.0.2","maintainers":[{"name":"bsthun","email":"bsthun@gmail.com"}],"homepage":"https://github.com/BSthun/tailwindcss-instant-dark-mode#readme","bugs":{"url":"https://github.com/BSthun/tailwindcss-instant-dark-mode/issues"},"dist":{"shasum":"b051d28f2e388a453da528d32582504742729fcb","tarball":"https://registry.npmjs.org/@bsthun/tailwindcss-instant-dark-mode/-/tailwindcss-instant-dark-mode-1.0.2.tgz","fileCount":8,"integrity":"sha512-2m2I8wq/CjLmkYj1UELPlHuThPFkcFpo5UTgyavFTgp6X1Nv5cjhf/laU0ygmGv+Gp0yDcliuG7K7O4d0MDFrQ==","signatures":[{"sig":"MEUCIQCHbO98aztRdbhEKh1bEFX6iqTLZkhxowDuOHhYE84tewIgaEcX/wuXRmdJlReJnCnSoZOmatatGF7kmWRT+TdBUFA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76097},"gitHead":"a709cc8b49ae44ed204154cd049c0df40c5076d7","scripts":{"format":"prettier --write ."},"_npmUser":{"name":"bsthun","email":"bsthun@gmail.com"},"repository":{"url":"git+https://github.com/BSthun/tailwindcss-instant-dark-mode.git","type":"git"},"_npmVersion":"10.9.2","description":"A tailwind plugin that make a class to instant apply both light and dark variants of a color automatically.","directories":{},"_nodeVersion":"23.5.0","_hasShrinkwrap":false,"devDependencies":{"prettier":"^3.4.2","tailwindcss":"^2.0.0","@types/tailwindcss":"^3.0.11"},"_npmOperationalInternal":{"tmp":"tmp/tailwindcss-instant-dark-mode_1.0.2_1737682418906_0.8051180960410176","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@bsthun/tailwindcss-instant-dark-mode","version":"1.0.3","description":"A tailwind plugin that make a class to instant apply both light and dark variants of a color automatically.","main":"index.ts","repository":{"type":"git","url":"git+https://github.com/BSthun/tailwindcss-instant-dark-mode.git"},"scripts":{"format":"prettier --write ."},"keywords":["tailwind","dark-mode"],"author":{"name":"BSthun","email":"bsthun@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/BSthun/tailwindcss-instant-dark-mode/issues"},"homepage":"https://github.com/BSthun/tailwindcss-instant-dark-mode#readme","devDependencies":{"@types/tailwindcss":"^3.0.11","prettier":"^3.4.2","tailwindcss":"^2.0.0"},"_id":"@bsthun/tailwindcss-instant-dark-mode@1.0.3","gitHead":"cde395ba1f3cff71b0cce7a4d2bc6e8209ba6888","_nodeVersion":"23.5.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-e7aLlH/wRw23me8+8JhqbtERIwqEY9vEHWskkubAzg4UrTEJWJsauQuXx4L4sQROuv1/hkxHlFbGyL6G3E9ozA==","shasum":"c9174b7ee0f67be42c236dcce118ccd582a98183","tarball":"https://registry.npmjs.org/@bsthun/tailwindcss-instant-dark-mode/-/tailwindcss-instant-dark-mode-1.0.3.tgz","fileCount":8,"unpackedSize":76118,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQCUzF4IzO9gOoNrl0tU5MzRCGwiSD7NbDUdRQEqnq10zQIhANNOo2cxEi13TduTMqinrLoinho6MfalA2iJjuS6w8oH"}]},"_npmUser":{"name":"bsthun","email":"bsthun@gmail.com"},"directories":{},"maintainers":[{"name":"bsthun","email":"bsthun@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwindcss-instant-dark-mode_1.0.3_1737738772304_0.20675237096663146"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-22T07:18:27.738Z","modified":"2025-01-24T17:12:52.917Z","1.0.0":"2025-01-22T07:18:27.996Z","1.0.1":"2025-01-24T01:27:09.793Z","1.0.2":"2025-01-24T01:33:39.075Z","1.0.3":"2025-01-24T17:12:52.739Z"},"bugs":{"url":"https://github.com/BSthun/tailwindcss-instant-dark-mode/issues"},"author":{"name":"BSthun","email":"bsthun@gmail.com"},"license":"MIT","homepage":"https://github.com/BSthun/tailwindcss-instant-dark-mode#readme","keywords":["tailwind","dark-mode"],"repository":{"type":"git","url":"git+https://github.com/BSthun/tailwindcss-instant-dark-mode.git"},"description":"A tailwind plugin that make a class to instant apply both light and dark variants of a color automatically.","maintainers":[{"name":"bsthun","email":"bsthun@gmail.com"}],"readme":"# tailwindcss-instant-dark-mode\n\nA tailwindcss plugin that make a class to instant apply both light and dark variants of a color automatically.\n\n## Features\n\nAdding new color class to tailwindcss, topup from original class with `-dark` prefix that will automatically apply both light and dark variants of a color.\n\n| Original tailwindcss variant | Instant dark mode |\n|----------|------------------------|\n| `bg-blue-100 dark:bg-blue-900` | `bg-blue-100-dark` |\n| `text-kmutt-800 dark:text-kmutt-200` | `text-kmutt-800-dark` |\n| `hover:border-blue-300 dark:hover:border-blue-700` | `hover:border-blue-300-dark` |\n\n#### Supported colors properties\n- backgroundColor / `bg-`\n- borderColor / `border-`\n- color / `text-`\n- ringColor / `ring-`\n- divideColor / `divide-`\n- placeholderColor / `placeholder-`\n\n#### Additional features\n- Support for custom color classes\n- Works with `hover:` and other variants\n- Support tailwindcss language server for auto-completion\n![Auto-completion](./doc/feature-language-server-autocompletion.png)\n\n#### Limitations\n- Only works with colors that defined in number format (e.g. `bg-blue-500`), not with color name (e.g. `bg-blue`)\n- Only map directly between 2 color pair, with more customizations, may need to fallback to original tailwindcss syntax.\n\n## Installation\n\n```bash\nnpm install @bsthun/tailwindcss-instant-dark-mode\n```\n\n## Usage\n\n```js\n// tailwind.config.js\nimport { tailwindcssInstantDarkMode } from '@bsthun/tailwindcss-instant-dark-mode';\n\nconst config: Config = {\n\tdarkMode: ['class'],\n\tplugins: [tailwindcssInstantDarkMode()],\n};\n\nexport default config;\n```\n","readmeFilename":"README.md"}