concafras-primeng-themes

🎨 Sistema de temas customizáveis para PrimeNG com suporte completo a TypeScript.

📦 Instalação

npm install concafras-primeng-themes
# ou
yarn add concafras-primeng-themes
# ou
pnpm add concafras-primeng-themes

🚀 Uso Rápido

Usar Preset Concafras

import { providePrimeNG } from 'primeng/config';
import { ConcafrasTheme } from 'concafras-primeng-themes';

export const appConfig: ApplicationConfig = {
  providers: [
    providePrimeNG({
      theme: {
        preset: ConcafrasTheme.primeNGPreset,
        options: {
          darkModeSelector: false
        }
      }
    })
  ]
};

Criar Tema Customizado

import { createTheme } from 'concafras-primeng-themes';

const MyTheme = createTheme({
  name: 'MeuTema',
  colors: {
    palettes: {
      primary: {
        500: '#FF5733', // Cor base
        // Outras cores serão geradas automaticamente
      },
      // ... outras paletas
    },
    semantic: {
      primary: '#FF5733',
      // ... outras cores semânticas
    }
  },
  // ... resto da configuração
});

Carregar de JSON

import { ThemeBuilder } from 'concafras-primeng-themes';

const builder = new ThemeBuilder();
const theme = await builder
  .loadFromJSON('./my-theme.json')
  .build();

export const appConfig: ApplicationConfig = {
  providers: [
    providePrimeNG({
      theme: {
        preset: theme.primeNGPreset
      }
    })
  ]
};

📚 Documentação

• Guia Completo
• Referência de API
• Exemplos

🎨 Presets Disponíveis

• ConcafrasTheme - Tema oficial Concafras
• OsceiaTheme - Tema OSCEIA
• DefaultTheme - Tema neutro padrão

🤝 Contribuindo

Contribuições são bem-vindas! Veja CONTRIBUTING.md

📄 Licença

MIT © Concafras