{"_id":"@blur-ui/tailwind-themes","_rev":"6-e28311099b2ac852aa0dfa53bf104889","name":"@blur-ui/tailwind-themes","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@blur-ui/tailwind-themes","version":"1.0.0","keywords":["tailwind","tailwindcss","themes","react","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.0","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"67bd57e4ecf0349e8fe0828d7c9dbc3be3522947","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.0.tgz","fileCount":6,"integrity":"sha512-/dnKoGW7NdrbYGLTPdxmtl+FQn0+UzdS0UJvp0ez96WDg8VZ4pMR0HQoU/tHhRbobBWZ2mV8nNPULp54bY0nyg==","signatures":[{"sig":"MEUCIEOyDrpddgwHa8t1skPbxZYo5UfIHvmranziN0H6Gf3LAiEAs7EEIgXTdNFe4xDk4ZBeAIWrI3Ezm4yGctgjgisGEV0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12943},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"3e90a3f7d12f777d404f657cecdad392b51f718f","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"The tailwind themes generator for React apps","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.0_1738012282394_0.5686681835315108","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@blur-ui/tailwind-themes","version":"1.0.1","keywords":["tailwind","tailwindcss","themes","react","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.1","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"4aaa990fa95fcfb2fc07fec564ccc8def9e33735","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.1.tgz","fileCount":6,"integrity":"sha512-2kZoth+wkLtDCbO8bIykV62YL04MKSQxHMY6JE6kQ/AIeA+1tUO7vNC+A0m/DlafGE9G8W5QPaw1uZKN38i1MA==","signatures":[{"sig":"MEYCIQD6jX3RdCom9+2VLkIifsnGm6DUmbL6uRr6Fl0aopL+/AIhAJRaFhXpnoS0uptqeIbe5t3p6mIxHKwj10j8OBc/qLS+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34952},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"f3f1d7730987eccc9ed3f36916d6322e7801dbd8","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"The tailwind themes generator for React apps","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.1_1738107463361_0.742683139221517","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@blur-ui/tailwind-themes","version":"1.0.2","keywords":["tailwind","tailwindcss","themes","react","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.2","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"a45e38db7a3e25187ee3b22630afb9d672576bf4","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.2.tgz","fileCount":6,"integrity":"sha512-oxXGEuGRS5PtDM7tNancXt7OPvrDVucdSWDNrpZkTzFXcXE6jdhTxX8HyDQLCfk0joanF0m0HRQp5eMSzD5sBw==","signatures":[{"sig":"MEUCIQDiRHb2f1hrklHT3em6jF56+YSZfYfsrz7zP1vfvzHL/AIgWmry6/J2+4uLX0h34JKgkUOiz9jDreg5l1ME3C4NSeo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34867},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"2eadb7586de75251c6234f8b86f9e4eb7dc4c87d","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"Ultimate Tailwind CSS themes generator for React apps","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.2_1738107705174_0.18862965947347643","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@blur-ui/tailwind-themes","version":"1.0.3","keywords":["tailwind","tailwindcss","themes","react","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.3","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"f6f8374ae5250ebdbe96047c59eed639ae8673ff","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.3.tgz","fileCount":6,"integrity":"sha512-2wjCCPq/Ln3K8EQEoqrFjkbER43SmkEt/ASeL6dMtLNizLHGRyZ7Tc98y+mDcOIFDEkI4RIPNbweDLw5ie20LA==","signatures":[{"sig":"MEYCIQDM7fu9mrUvrkjUvvi1ehnzX77QIFRKJNdy2fqNI1p46AIhAKswQnKPeVlagJ3LGq0PON52IjS1qmV7sYkUSE1p0qx6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34853},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"2eadb7586de75251c6234f8b86f9e4eb7dc4c87d","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"Ultimate Tailwind CSS themes generator.","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.3_1738107736228_0.8350563511337445","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@blur-ui/tailwind-themes","version":"1.0.4","keywords":["tailwind","tailwindcss","themes","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.4","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"1f906a0cbfade2458a89432c0a894d6d997d6227","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.4.tgz","fileCount":6,"integrity":"sha512-OHMSsbg29O1ffjstbxpIznb+N4PCwe4rw05znjULjb+pzFKHfq8Fe/xPrs1lZ4CZZalaYk7o1vd0HVi/2QWULQ==","signatures":[{"sig":"MEUCIBhYS5iywUpWlP9xhrrG8jfMuBTYtB+RZnARXdoS5OkzAiEAnS+yP1eED4SiY66Bu6xh9kJIVXEsEMjVbSIa3UX/7Ds=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":34843},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"2eadb7586de75251c6234f8b86f9e4eb7dc4c87d","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"Ultimate Tailwind CSS themes generator.","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.4_1738107837297_0.8483567715023235","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@blur-ui/tailwind-themes","version":"1.0.5","keywords":["tailwind","tailwindcss","themes","ui"],"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","_id":"@blur-ui/tailwind-themes@1.0.5","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"dist":{"shasum":"1dd3a1b44693cfa08260decbf05eb2d3ec348542","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.5.tgz","fileCount":6,"integrity":"sha512-X4mdi0iRSGok36d7SletH7+OD3Pb6aPMnIv38/g1W8RoUVHVZigmPFEWClwk/aC5fZXPHnUlpBTraMjtucUZFQ==","signatures":[{"sig":"MEUCIE889EJW/LOfFdvUOawHksp4vwNYGsnUEJ7qGjRmcuhSAiEA+sN58jBKtxyI+9H40Frk+UXZY5LnFVYBF2/K9gyzaQQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35662},"main":"./dist/index.js","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"gitHead":"2eadb7586de75251c6234f8b86f9e4eb7dc4c87d","private":false,"scripts":{"lint":"eslint .","build":"tsup src/index.ts --format cjs,esm --dts","lint:fix":"eslint . --fix"},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"repository":{"url":"git+https://github.com/mikhailmogilnikov/blur.git","type":"git","directory":"packages/utilities/tailwind-themes"},"_npmVersion":"10.8.2","description":"Ultimate Tailwind CSS themes generator.","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.3.5","eslint":"^9","@blur-ui/tsup-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/typescript-config":"workspace:*"},"peerDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/tailwind-themes_1.0.5_1738108115374_0.9742466151088771","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@blur-ui/tailwind-themes","description":"Ultimate Tailwind CSS 4.0 themes generator.","keywords":["tailwind","tailwindcss","themes","ui"],"author":{"name":"Mikhail Mogilnikov"},"version":"1.0.6","license":"MIT","private":false,"repository":{"type":"git","url":"git+https://github.com/mikhailmogilnikov/blur.git","directory":"packages/utilities/tailwind-themes"},"homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"scripts":{"lint":"eslint .","lint:fix":"eslint . --fix","build":"tsup src/index.ts --format cjs,esm --dts"},"exports":{".":{"import":{"types":"./dist/index.d.mts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","sideEffects":false,"peerDependencies":{},"dependencies":{"color2k":"^2.0.3","tailwindcss":"^4.0.0"},"devDependencies":{"@blur-ui/typescript-config":"workspace:*","@blur-ui/eslint-config":"workspace:*","@blur-ui/tsup-config":"workspace:*","eslint":"^9","tsup":"^8.3.5"},"_id":"@blur-ui/tailwind-themes@1.0.6","gitHead":"374686cb6fc542a8d6c3189bffa2092d9a826ea2","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-ZbdKIMecPli231H2ldNM/Xvy18hkiSdAzI2z2blolJoRKo3ukhCmMuwQXjACssC69GQAo3/XEBw8ynxgsS0/pw==","shasum":"d54cd76c7662c3b182f1968a934c44e0b29badcd","tarball":"https://registry.npmjs.org/@blur-ui/tailwind-themes/-/tailwind-themes-1.0.6.tgz","fileCount":6,"unpackedSize":35820,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDvVNnL7kijlXBuhbrdkqnM0mUnAZ13slyHAXZUS19uGQIhAM1PCSgGKty7kMlIVhkALDMF4jxPzSKWIaZ+7q2ibIw8"}]},"_npmUser":{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"},"directories":{},"maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tailwind-themes_1.0.6_1738108464015_0.2655596005297387"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-27T21:11:22.305Z","modified":"2025-01-28T23:54:24.448Z","1.0.0":"2025-01-27T21:11:22.578Z","1.0.1":"2025-01-28T23:37:43.526Z","1.0.2":"2025-01-28T23:41:45.356Z","1.0.3":"2025-01-28T23:42:16.426Z","1.0.4":"2025-01-28T23:43:57.505Z","1.0.5":"2025-01-28T23:48:35.639Z","1.0.6":"2025-01-28T23:54:24.225Z"},"bugs":{"url":"https://github.com/mikhailmogilnikov/blur/issues"},"author":{"name":"Mikhail Mogilnikov"},"license":"MIT","homepage":"https://github.com/mikhailmogilnikov/blur/tree/master/packages/utilities/tailwind-themes","keywords":["tailwind","tailwindcss","themes","ui"],"repository":{"type":"git","url":"git+https://github.com/mikhailmogilnikov/blur.git","directory":"packages/utilities/tailwind-themes"},"description":"Ultimate Tailwind CSS 4.0 themes generator.","maintainers":[{"name":"mikhailmogilnikov","email":"mikhail.mogilnikov02@gmail.com"}],"readme":"# Tailwind Themes\n\nUltimate themes generator for Tailwind CSS 4.0.\n\n## Features\n\n- Automatic <b>color palette generation</b> for each color (from 50 to 950) – `bg-primary-300` etc.\n- <b>Extend</b> the color palette with custom colors\n- Configure app <b>layout</b> for each theme\n- Automatic <b>readable</b> color generation for each color in theme (bg-primary > bg-primary-foreground)\n- Optional disabling palette generation for each color by setting `generatePalette` to `false`\n- Define <b>defaults</b> across all themes for your app – primary brand color, spacing, etc.\n- Define <b>scheme</b> for theme. For `dark` mode, the palette will be generated in reverse order from 950 to 50. No needs to specify `bg-default-200 dark:bg-default-800` in className.\n\n## Installation\n\n```sh\nnpm i @blur-ui/tailwind-themes\n```\n\nor\n\n```sh\nyarn add @blur-ui/tailwind-themes\n```\n\n## Usage\n\nConfigure your themes\n\n```ts\nexport const AppThemes = {\n  default: DefaultTheme,\n  themes: {\n    light: {\n      // Define colors for light theme of your app\n      colors: {\n        background: '#ffffff',\n        foreground: {\n          color: '#000000',\n          generatePalette: false, // Disable palette (50-950 shades) generation for this color\n        },\n        link: '#123456',\n        primary: '#123456',\n        warning: '#123456',\n        danger: '#123456',\n        success: '#123456',\n        // other colors\n      },\n      extendColors: {\n        card: '#123456',\n      },\n      layout: {\n        spacing: '0.25rem',\n        transitionDuration: '0.25s',\n        // other layout properties\n      },\n    },\n    dark: DarkTheme,\n    christmas: ChristmasTheme,\n  },\n} as const satisfies ThemeConfig;\n```\n\nUse it with automatically generated Tailwind CSS class utilities.\n\n```html\n<div class=\"bg-primary-300 text-primary-foreground\">Hello, world!</div>\n```\n\n## Setup\n\nCreate a theme config file in your project.\n\n`src/config/theme.ts`\n\n```ts\nimport { ThemeConfig } from '@blur-ui/tailwind-themes';\n\nexport const AppThemes = {} as const satisfies ThemeConfig;\n```\n\nCreate a plugin file in your project.\n\n`src/utils/theme-plugin.ts`\n\n```ts\nimport { tailwindThemePlugin } from '@blur-ui/tailwind-themes';\n// import the theme config file\nimport { AppThemes } from './config/theme.ts';\n\nexport default tailwindThemePlugin(AppThemes);\n```\n\nThen, use the plugin in your root CSS file where you import `tailwindcss`.\n\n`src/app/globals.css`\n\n```css\n@import 'tailwindcss';\n@plugin \"../utils/theme-plugin.ts\";\n\n/* Optional: Define custom variant for dark mode */\n@custom-variant dark (&:where(.dark, .dark *));\n```\n\n<b>That's it!</b>\n\nNow you can customize your theme configuration.\n\n<b>Important:</b> Theme will be applied if you define theme name in `<body class=\"light\">`.\n\nTo implement multiple themes in your React app, I recommend to follow <b>[Shadcn Theme Setup guide](https://ui.shadcn.com/docs/dark-mode)</b>.\n\n## Configuration\n\n```ts\nimport { ThemeConfig } from '@blur-ui/tailwind-themes';\n\nexport const AppThemes = {\n  // Uses to define default values for all themes\n  default: DefaultTheme,\n  // Define themes of your app here, they will override default values\n  themes: {\n    light: LightTheme,\n    dark: DarkTheme,\n    christmas: ChristmasTheme,\n  },\n};\n```\n\n### Theme\n\n```ts\nimport { Theme } from '@blur-ui/tailwind-themes';\n\nexport const DefaultTheme: Theme = {\n  // Scheme uses to define the color generation direction. In `light` mode, the palette will be generated from 50 to 950. In `dark` mode, the palette will be generated from 950 to 50.\n  scheme: 'light',\n\n  colors: {\n    // Defininig color in string format will generate palette & readable color automatically.\n    // example: classname=\"bg-primary-300 text-primary-foreground\"\n    primary: '#123456',\n\n    // Generate only color without palette.\n    background: {\n      color: 'hsl(0, 0%, 5%)',\n      generatePalette: false,\n      // Optionally define needed colors.\n      foreground: 'hsl(0, 0%, 100%)',\n      400: '#ccc',\n    },\n  },\n\n  // Default layout values for all themes\n  layout: {\n    spacing: '0.25rem',\n    transitionDuration: '0.25s',\n  },\n\n  // Extend colors with your own colors definitions\n  extendColors: {\n    // example of usage: className=\"bg-card-500\"\n    card: '#ffffff',\n  },\n};\n```\n\n### Plugin Options\n\nPlugin options are optional and can be used to customize the plugin behavior. Pass them as second argument to `tailwindThemePlugin` function.\n\n```ts\nimport { tailwindThemePlugin } from '@blur-ui/tailwind-themes';\nimport { AppThemes } from './config/theme.ts';\n\nconst pluginOptions: PluginOptions = {\n  // Remove default tailwind colors (like `slate-500`, `red-500`, etc.) from the color palette. Default: false\n  removeTailwindColors: true,\n  // Remove all default colors (default, foreground, background, etc.) from the color palette. Default: false\n  removeDefaultColors: false,\n};\n\nexport default tailwindThemePlugin(AppThemes, pluginOptions);\n```\n\n### Types\n\n```ts\nexport type Theme = {\n  // 'light' or 'dark'\n  scheme: ThemeColorScheme;\n  /**\n   * Available colors:\n   * background, foreground, default, primary, secondary, tertiary, success, warning, danger, info, content1, content2, content3, content4, divider, focus, link\n   */\n  colors?: ThemeColors;\n  /**\n   * Uses to define your own custom colors in palette\n   */\n  extendColors?: ThemeColorExtend;\n  /**\n   * Uses to define tailwind layout properties\n   */\n  layout?: ThemeLayout;\n};\n```\n\n##### Theme layout available properties:\n\n- spacing\n- transitionDuration\n- transitionTimingFunction\n- radius\n- container\n- breakpoint\n- ease\n- animate\n- blur\n- text\n- fontWeight\n- fontFamily\n- leading (line-height)\n- tracking (letter-spacing)\n- shadow\n- insetShadow\n- dropShadow\n- perspective\n","readmeFilename":"README.md"}