zentral/docs/development/devlog/2025-12-03_report_designer_theme.md

Report Designer Theme Alignment

Obiettivo

Allineare completamente il Report Designer al tema scuro dell'applicazione. L'obiettivo è eliminare incongruenze visive come sfondi bianchi hardcoded, griglie poco visibili e componenti non adattivi in modalità dark.

Stato Attuale

Completato

Modifiche Apportate

1. Editor Canvas (EditorCanvas.tsx)

• Sfondo Canvas: Implementata logica dinamica per utilizzare #1e1e1e (dark) o #ffffff (light) in base al tema.
• Griglia: Colore delle linee della griglia reso dinamico (#333333 in dark mode) per garantire visibilità.
• Shadows & Selection: Aggiornati colori di selezione e ombre per essere coerenti con il tema.

2. Toolbar (EditorToolbar.tsx)

• Background Pulsanti: Sostituiti i colori hardcoded grey.100 e grey.200 con i token del tema action.hover e action.selected.
• Visibilità: Migliorato il contrasto delle icone e dei testi nella toolbar.

3. Designer Page (ReportEditorPage.tsx)

• Sfondo Workspace: Lo sfondo del contenitore principale (dietro il foglio) ora utilizza theme.palette.background.default in dark mode invece di un grigio scuro hardcoded, uniformandosi al resto dell'app.

4. Pannelli Laterali (DataBindingPanel.tsx, DatasetSelector.tsx)

• Empty States: Sostituiti sfondi grey.50 con background.default per le schermate di "Nessun dataset selezionato".
• Liste e Header: Aggiornati i colori di sfondo degli header e degli elementi delle liste per utilizzare action.hover e colori primari con opacità corretta.

5. Dialogs (PreviewDialog.tsx, ImageUploadDialog.tsx)

• Preview: Sfondi delle liste e delle sezioni di dettaglio aggiornati a background.default.
• Image Upload: Corretti sfondi dell'area di drag & drop e dei pannelli per supportare il dark mode.
• Fix Tecnici: Aggiunta importazione mancante alpha in ImageUploadDialog.tsx.

Prossimi Passi Suggeriti

• Verificare eventuali altri dialoghi minori nel report editor (es. impostazioni avanzate) per assicurare copertura totale.
• Testare l'export PDF per assicurarsi che i colori di sfondo (se non desiderati) non vengano esportati erroneamente (il canvas background è solo visuale).