Temi PrimeNG + Dark

Questa sezione documenta la strategia temi del framework basata su PrimeNG e modalita dark integrata.

Obiettivi

• Coerenza visiva tra componenti PrimeNG e componenti custom WUIC
• Switch tema immediato senza reload pagina
• Compatibilita desktop e mobile

Cosa include

• Palette tema chiaro/scuro
• Token colore condivisi nel layer docs/framework
• Supporto persistenza tema in localStorage

Catalogo temi disponibili

• L'elenco completo dei temi supportati viene renderizzato sotto in modo dinamico dal catalogo condiviso runtime.
• Ogni tema mostra il nome e il colore primario (swatch circolare basato su shade 500).
• La lista e allineata 1:1 con i temi selezionabili dalla dropdown nell'header applicativo.

Best practice

• Evitare override globali non necessari
• Preferire variabili CSS e token centralizzati
• Validare sempre contrasto e leggibilita in dark mode