# 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).