{"_id":"@ahmttyydn/themes","_rev":"7-9521e0b3d5fdb6a63e960fa0c74a5bb2","name":"@ahmttyydn/themes","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.0":{"name":"@ahmttyydn/themes","version":"1.0.0","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.0","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/scalar/scalar","bugs":{"url":"https://github.com/scalar/scalar/issues/new/choose"},"dist":{"shasum":"857a79c57c564389c601f25e55fbf691b0dd7a9f","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.0.tgz","fileCount":13,"integrity":"sha512-DIRk5s1tMOhwiqNY/cpybw9zeo3794xEVGeRnuDDh1NCLTCO+w18KPFb5pVWpeiqJyHLZ6l8SNSJJf6VrVxnSA==","signatures":[{"sig":"MEYCIQDFU3UQ4c7i3HOhipr3FBMhHYUIbyvSS/yBn2yGzzBxfAIhAK6zdCQeRjqLxzGbeAvKdBeQC3rueDzMntRug2h/bRtP","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":242319},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"},"_resolved":"/private/var/folders/6s/_0b0836n1t9dc5prz2rp43h80000gn/T/ec9123da34e061d3afaa7362329083b6/ahmttyydn-themes-1.0.0.tgz","_integrity":"sha512-DIRk5s1tMOhwiqNY/cpybw9zeo3794xEVGeRnuDDh1NCLTCO+w18KPFb5pVWpeiqJyHLZ6l8SNSJJf6VrVxnSA==","repository":{"url":"git+https://github.com/scalar/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.6.2","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.11.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.0_1775418646844_0.2483176059439185","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@ahmttyydn/themes","version":"1.0.1","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.1","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"62a14d5a287faf8c1c969d45d63695d13aadf1f2","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.1.tgz","fileCount":13,"integrity":"sha512-e6dpoU1ZddwP0fwL2Tk6TwJRw50w7Hcn6Q7rB4EErOl/F1EnDLMB9uir3VwwKSprlPyetKfgA5o8AovPdKkn5Q==","signatures":[{"sig":"MEUCIQCVy5BkiV2LH+3JUdG3KRfT24rcwthbf3tu8O/FD3AS4gIgXgjdqv0lLQnGtqFI2XY3cqK3j09oh4med3dF/UgzMkA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":242322},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"_resolved":"/tmp/4d4ad9830ee7840dbb19a3cd90e4527a/ahmttyydn-themes-1.0.1.tgz","_integrity":"sha512-e6dpoU1ZddwP0fwL2Tk6TwJRw50w7Hcn6Q7rB4EErOl/F1EnDLMB9uir3VwwKSprlPyetKfgA5o8AovPdKkn5Q==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.11.0","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.14.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.1_1775438229762_0.3652610484538932","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@ahmttyydn/themes","version":"1.0.2","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.2","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"7dc4d4b6d0e6836883c53375af859d5d33ead1dc","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.2.tgz","fileCount":13,"integrity":"sha512-tyu3h/3WRKPqbOrP5VvcPrfQKz0otGfW5aSND+lFQsPMwnokzo3q3lw7VHk4rAW/tJG4y15LBWiie+z85rKB4w==","signatures":[{"sig":"MEUCIQC0vulfN7eOuxjEEFfhkLxNhV5/mgBEO4r0U79UixCpUwIgCHHjIb5ZR/9I+qXHSa0hGMYn/tymUWWISlgJ8xNi5Es=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.2","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":242322},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"_resolved":"/tmp/99738394dc759dc0faa7f2d34a3959a1/ahmttyydn-themes-1.0.2.tgz","_integrity":"sha512-tyu3h/3WRKPqbOrP5VvcPrfQKz0otGfW5aSND+lFQsPMwnokzo3q3lw7VHk4rAW/tJG4y15LBWiie+z85rKB4w==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.11.0","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.14.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.2_1775439078350_0.05102529319518245","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@ahmttyydn/themes","version":"1.0.4","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.4","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"b1c565bacf429c430c56fea8fcc02566c71a8159","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.4.tgz","fileCount":13,"integrity":"sha512-Zm1R45c5Nnf5i3iACcfn7W4jqh1WYez5Rm5XDBCTInGieGiJmi15c4/c8f9Mof39l4JB2SJf/m8JFp/A6lLb5g==","signatures":[{"sig":"MEUCIQCZ/FjOSEKG8qK5TspTvZyhKNDjWvW6LxOpEkNYb9mjZQIgDQtfEgg3P0NG/tp8Dbe7BN8/wAO/GcjsDwrsPBXX1t0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":242322},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.4.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"_resolved":"/tmp/a66aa05a902ea5a18b29affbfe956b44/ahmttyydn-themes-1.0.4.tgz","_integrity":"sha512-Zm1R45c5Nnf5i3iACcfn7W4jqh1WYez5Rm5XDBCTInGieGiJmi15c4/c8f9Mof39l4JB2SJf/m8JFp/A6lLb5g==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.11.0","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.14.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.4_1775440986724_0.28886075675932266","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@ahmttyydn/themes","version":"1.0.6","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.6","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"c645d149a1507d8727f4ae8452f20c58afdfebc6","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.6.tgz","fileCount":13,"integrity":"sha512-XsxSKgAHTOIWsFrjJlizG1fGr8sxVqmYwR4LCD1U3ZkftSdZ0ZSIeeG1ib5GXBYFx1JYlEIdfYuW4pbDKaCQew==","signatures":[{"sig":"MEUCIQDcCKf8kMszi4xbBEpnIWWC4/ij+fHHKmmg2ZvpCyF7CgIgBHJmWyc7SaemzTBQjrJYBKtBVhQlPst/xyNHEDP9wrk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.6","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":242322},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.6.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"_resolved":"/tmp/63aed4c3cbeb382de0f2e31d8a8d8f8a/ahmttyydn-themes-1.0.6.tgz","_integrity":"sha512-XsxSKgAHTOIWsFrjJlizG1fGr8sxVqmYwR4LCD1U3ZkftSdZ0ZSIeeG1ib5GXBYFx1JYlEIdfYuW4pbDKaCQew==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.11.0","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.14.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.6_1775488353150_0.7369943270251209","host":"s3://npm-registry-packages-npm-production"}},"1.0.8":{"name":"@ahmttyydn/themes","version":"1.0.8","keywords":["css","css-variables","scalar"],"author":{"url":"https://github.com/scalar","name":"Scalar"},"license":"MIT","_id":"@ahmttyydn/themes@1.0.8","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"dist":{"shasum":"c5cd9cb612a95a6d265a44e6d41604d49df7b646","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.8.tgz","fileCount":13,"integrity":"sha512-20D2JDogOt9DmOrc+GmncKlddJeECdXEKC4qHdG0wGuXLlIed+qfULB1cxjtb+LayzUvgfFLGPIxH7HDWFtEKw==","signatures":[{"sig":"MEQCIA5ginFsEcfZnRLpKrf0XoGL6nxVLm2Hx99QBv18KYR8AiBemZXQk+EjwumFSOquxClyZtgV1ZwHhHeRWz8eswA15A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.8","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":242322},"main":"./dist/index.js","type":"module","_from":"file:ahmttyydn-themes-1.0.8.tgz","types":"./dist/index.d.ts","module":"./dist/index.js","engines":{"node":">=22"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","default":"./dist/index.js"},"./fonts.css":"./dist/fonts/fonts.css","./style.css":"./dist/style.css","./tailwind.css":"./dist/tailwind.css"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"_resolved":"/tmp/453bcdc29d04e2fa675bbe0a46651e93/ahmttyydn-themes-1.0.8.tgz","_integrity":"sha512-20D2JDogOt9DmOrc+GmncKlddJeECdXEKC4qHdG0wGuXLlIed+qfULB1cxjtb+LayzUvgfFLGPIxH7HDWFtEKw==","repository":{"url":"git+https://github.com/ahmtydn/scalar.git","type":"git","directory":"packages/themes"},"_npmVersion":"11.11.0","description":"the default CSS variables for all Scalar packages","directories":{},"_nodeVersion":"24.14.1","dependencies":{"nanoid":"^5.1.6"},"_hasShrinkwrap":false,"devDependencies":{"vite":"8.0.0","tailwindcss":"^4.1.18"},"_npmOperationalInternal":{"tmp":"tmp/themes_1.0.8_1775513281822_0.6738598676200986","host":"s3://npm-registry-packages-npm-production"}},"1.0.9":{"name":"@ahmttyydn/themes","description":"the default CSS variables for all Scalar packages","license":"MIT","author":{"name":"Scalar","url":"https://github.com/scalar"},"homepage":"https://github.com/ahmtydn/scalar","bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"repository":{"type":"git","url":"git+https://github.com/ahmtydn/scalar.git","directory":"packages/themes"},"keywords":["css","css-variables","scalar"],"version":"1.0.9","engines":{"node":">=22"},"type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"import":"./dist/index.js","types":"./dist/index.d.ts","default":"./dist/index.js"},"./tailwind.css":"./dist/tailwind.css","./style.css":"./dist/style.css","./fonts.css":"./dist/fonts/fonts.css"},"dependencies":{"nanoid":"^5.1.6"},"devDependencies":{"tailwindcss":"^4.1.18","vite":"8.0.0"},"scripts":{"build":"vite build && tsc -p tsconfig.build.json","types:check":"tsc --noEmit"},"_id":"@ahmttyydn/themes@1.0.9","_integrity":"sha512-JzeDw75ivDI3rYzJnH2ln2lTccOYsZDS7+o0vd+KgNCI+mphFImcIsM8rKtKvhnof/zkan0xKKuHpWonxFdxSg==","_resolved":"/tmp/36f693375da2adbcf64ab2942e2ad603/ahmttyydn-themes-1.0.9.tgz","_from":"file:ahmttyydn-themes-1.0.9.tgz","_nodeVersion":"24.14.1","_npmVersion":"11.11.0","dist":{"integrity":"sha512-JzeDw75ivDI3rYzJnH2ln2lTccOYsZDS7+o0vd+KgNCI+mphFImcIsM8rKtKvhnof/zkan0xKKuHpWonxFdxSg==","shasum":"6aa1c0153706d103514b78feab8280dca0f798c3","tarball":"https://registry.npmjs.org/@ahmttyydn/themes/-/themes-1.0.9.tgz","fileCount":13,"unpackedSize":242322,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@ahmttyydn%2fthemes@1.0.9","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFU8PnlPbiURslCzRVqFTsXT091XcdZpvuzHAD7RCn4/AiEA4sKfuricx4544JoMDCa46jrWZHuaMVYzjd0wwjRr5HM="}]},"_npmUser":{"name":"GitHub Actions","email":"npm-oidc-no-reply@github.com","trustedPublisher":{"id":"github","oidcConfigId":"oidc:1c6f1097-c9f7-43fd-b451-d93a1aea6757"}},"directories":{},"maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/themes_1.0.9_1775514600105_0.06843404942701703"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-05T19:50:46.744Z","modified":"2026-04-06T22:30:00.552Z","1.0.0":"2026-04-05T19:50:46.994Z","1.0.1":"2026-04-06T01:17:09.941Z","1.0.2":"2026-04-06T01:31:18.494Z","1.0.4":"2026-04-06T02:03:06.937Z","1.0.6":"2026-04-06T15:12:33.307Z","1.0.8":"2026-04-06T22:08:01.968Z","1.0.9":"2026-04-06T22:30:00.263Z"},"bugs":{"url":"https://github.com/ahmtydn/scalar/issues/new/choose"},"author":{"name":"Scalar","url":"https://github.com/scalar"},"license":"MIT","homepage":"https://github.com/ahmtydn/scalar","keywords":["css","css-variables","scalar"],"repository":{"type":"git","url":"git+https://github.com/ahmtydn/scalar.git","directory":"packages/themes"},"description":"the default CSS variables for all Scalar packages","maintainers":[{"name":"ahmttyydn","email":"ahmttyydn@gmail.com"}],"readme":"# Scalar Themes\n\n[![Version](https://img.shields.io/npm/v/%40scalar/themes)](https://www.npmjs.com/package/@ahmttyydn/themes)\n[![Downloads](https://img.shields.io/npm/dm/%40scalar/themes)](https://www.npmjs.com/package/@ahmttyydn/themes)\n[![License](https://img.shields.io/npm/l/%40scalar%2Fthemes)](https://www.npmjs.com/package/@ahmttyydn/themes)\n[![Discord](https://img.shields.io/discord/1135330207960678410?style=flat&color=5865F2)](https://discord.gg/scalar)\n\nScalar Themes provides a library of themes for all Scalar products and components. It also contains the base set of Scalar CSS variables and an associated [Tailwind](https://tailwindcss.com) preset which leverages those variables.\n\nTo see a list of available themes, see the [`presets`](./src/index.ts#L65) export.\n\n## CSS Layers\n\nThe themes package uses two [CSS Layers](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer) to apply the theme styles\n\n- `scalar-base`: A copy of the core Scalar CSS variables and default theme\n- `scalar-theme`: Optionally overrides `scalar-base` with theme styles\n\nAny styles added outside of these layers will override all the styles in the layers which allows you to extend or customize a theme.\n\n## Scoping\n\nBecause many Scalar applications are embedded into other websites the reset is scoped to the `scalar-app` class. This means you need to add this class to the root element of your application where you want the theme to apply. If you are using the themes in a standalone application, you can just add this class to the `body` element.\n\n```html\n<body class=\"scalar-app\">\n  <!-- Your application content -->\n</body>\n```\n\n## Installation\n\n```bash\npnpm i @ahmttyydn/themes\n```\n\n### Usage via CSS Import (Basic)\n\nTo import the basic theme styles into your project, you can just import `style.css` which imports the reset, scrollbars, and a copy of the base [Scalar CSS variables](./src/base/variables.css) and [default theme](./src/presets/default.css).\n\n```ts\nimport '@ahmttyydn/themes/styles.css'\n```\n\nTo add a theme, you can import the theme from the presets directory.\n\n```ts\nimport '@ahmttyydn/themes/presets/alternate.css'\n```\n\n### Usage via JavaScript\n\nTo use the themes package via JavaScript, you can use the [`getThemeStyles`](./src/index.ts#L123) function from the package. The function will generate CSS style string which you can then add to the head of your document.\n\n```ts\nimport { getThemeStyles } from '@ahmttyydn/themes'\n\nconst styles = getThemeStyles('alternate', { layer: 'scalar-theme' })\ndocument.head.insertAdjacentHTML('beforeend', `<style>${styles}</style>`)\n```\n\nThe function allows you to pass in a theme ID and an optional options object to configure the layer (default: `scalar-theme`) and whether to include the default fonts (default: `true`).\n\n### Usage via Tailwind\n\nTo use the themes package with Tailwind, you first need to import the base styles either via CSS or JavaScript (see above).\n\nThen you can use the [tailwind config](https://tailwindcss.com/docs/theme#sharing-across-projects) in your Tailwind CSS to expose the [theme colors and variables](./src/tailwind/theme.css). The Scalar Tailwind config already contains a [preflight](https://tailwindcss.com/docs/preflight) and copy of the base [Tailwind theme](https://tailwindcss.com/docs/theme#extending-the-default-theme) so all you need to import from Tailwind is `tailwindcss/utilities.css`.\n\n```css\n@import \"@ahmttyydn/themes/style.css\"; /* Theme Base Styles and Reset */\n@import \"@ahmttyydn/themes/tailwind.css\"; /* Tailwind Theme + Config */\n\n@import \"tailwindcss/utilities.css\"; /* Generate the Tailwind classes */\n```\n","readmeFilename":"README.md"}