https://github.com/eduzz/ui-tailwind-theme
https://github.com/eduzz/ui-tailwind-theme
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/eduzz/ui-tailwind-theme
- Owner: eduzz
- Created: 2023-07-19T17:59:05.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2025-04-14T12:56:56.000Z (about 1 year ago)
- Last Synced: 2025-05-29T07:58:43.972Z (about 1 year ago)
- Language: TypeScript
- Size: 247 KB
- Stars: 0
- Watchers: 8
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
# Eduzz UI: Tailwind Theme
[](https://www.npmjs.com/package/@eduzz/ui-tailwind-theme)
[](https://www.npmjs.com/package/@eduzz/ui-tailwind-theme)
Aplica os Tokens de UI da Eduzz no Tailwind.
## Instalação
```bash
pnpm add @eduzz/ui-tailwind-theme
```
## Uso
```js
// tailwind.config.js
import createTheme from '@eduzz/ui-tailwind-theme';
export default createTheme({
primaryColor: 'eduzz', // Não obrigatório, default var(--eduzz-theme-primary, ${tokens.brands.eduzz.primary.pure})
primaryColorDark: 'eduzz', // Não obrigatório, default var(--eduzz-theme-primary, ${tokens.brands.eduzz.primary.pure})
///...sua configuração do tailwind, tudo poderá ser sobrescrito.
// Não se preocupe com objectos complexos que ele fará merge de tudo
});
```
### Se utiliizar o @eduzz/ui-antd-theme
O AntD já possui um script de reset.css, então mude as configurações a seguir:
```js
// tailwind.config.js
import createTheme from '@eduzz/ui-tailwind-theme';
export default createTheme({
corePlugins: { preflight: false } // adicione
});
```