https://github.com/ntsd/daisyui-ntsd
A DaisyUI theme
https://github.com/ntsd/daisyui-ntsd
daisyui tailwind theme
Last synced: 3 months ago
JSON representation
A DaisyUI theme
- Host: GitHub
- URL: https://github.com/ntsd/daisyui-ntsd
- Owner: ntsd
- License: apache-2.0
- Created: 2023-08-15T09:14:41.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-10-14T16:50:43.000Z (over 2 years ago)
- Last Synced: 2025-10-25T09:51:37.239Z (8 months ago)
- Topics: daisyui, tailwind, theme
- Language: TypeScript
- Homepage:
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# DaisyUI NTSD
A DaisyUI theme
## Installation
```sh
npm i -D daisyui-ntsd
```
Add `...require("daisyui-ntsd")` to themes on `tailwind.config.cjs`
```diff
module.exports = {
...
daisyui: {
- themes: [],
+ themes: [...require("daisyui-ntsd")],
},
};
```
Customize the theme
```js
module.exports = {
...
daisyui: {
themes: [
{
light: {
...require('daisyui-ntsd').light,
"primary": "blue",
"primary-focus": "mediumblue",
}
},
{
dark: require('daisyui-ntsd').dark
}
],
},
};
```
Example usage for `tailwind.config.ts`
```ts
import type { Config } from 'tailwindcss';
import daisyui from 'daisyui';
// daisyui-ntsd support typescript module
import { light, dark } from 'daisyui-ntsd';
export default {
...
plugins: [daisyui],
daisyui: {
themes: [
{
light: {
// apply default light theme
...light,
// customize
"primary": "blue",
"primary-focus": "mediumblue",
},
},
{
dark: dark,
}
]
}
} satisfies Config;
```