https://github.com/remorses/tremor-tailwind-plugin
https://github.com/remorses/tremor-tailwind-plugin
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/remorses/tremor-tailwind-plugin
- Owner: remorses
- Created: 2024-07-17T09:32:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-13T16:41:02.000Z (about 1 year ago)
- Last Synced: 2025-04-23T01:08:45.775Z (9 months ago)
- Language: TypeScript
- Size: 121 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
tremor-tailwind-plugin
## Usage
```ts
import colors from 'tailwindcss/colors'
import { tremorPlugin } from 'tremor-tailwind-plugin'
/** @type {import('tailwindcss/tailwind-config').TailwindConfig} */
export default {
mode: 'jit',
content: [
'./src/**/*.{js,ts,jsx,tsx}',
'./node_modules/@tremor/**/*.{js,ts,jsx,tsx}',
],
darkMode: 'class',
theme: {
extend: {
colors: {},
},
},
variants: {
extend: {},
},
plugins: [
tremorPlugin({
themes: {
light: {
colors: {
brand: {
DEFAULT: colors.gray[600],
emphasis: colors.gray[700],
inverted: colors.white,
faint: colors.gray[100],
muted: colors.gray[300],
subtle: colors.gray[200],
},
},
},
},
}),
require('@headlessui/tailwindcss'),
require('@tailwindcss/forms'),
],
}
```