- ✅ Dark mode funzionante su tutta la GUI - ✅ Spostato riquadro stabile in cima alla sidebar - ✅ Risolti problemi seeder (spostati in app/Console/Seeders) - ✅ Creata tabella gestioni con dati di test - ✅ Aggiunta pagina impostazioni per personalizzazione colori - ✅ Configurato Tailwind per dark mode - ✅ CSS custom per garantire leggibilità testi - ✅ SidebarComposer esteso per dashboard - ✅ Testi leggibili in modalità scura
67 lines
1020 B
CSS
67 lines
1020 B
CSS
/* Dark mode custom styles */
|
|
.dark {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
.dark body {
|
|
background-color: #111827;
|
|
color: #f9fafb;
|
|
}
|
|
|
|
.dark .bg-white {
|
|
background-color: #1f2937 !important;
|
|
}
|
|
|
|
.dark .text-gray-900 {
|
|
color: #f9fafb !important;
|
|
}
|
|
|
|
.dark .text-gray-800 {
|
|
color: #f3f4f6 !important;
|
|
}
|
|
|
|
.dark .text-gray-700 {
|
|
color: #d1d5db !important;
|
|
}
|
|
|
|
.dark .text-gray-600 {
|
|
color: #9ca3af !important;
|
|
}
|
|
|
|
.dark .text-gray-500 {
|
|
color: #6b7280 !important;
|
|
}
|
|
|
|
.dark .border-gray-200 {
|
|
border-color: #374151 !important;
|
|
}
|
|
|
|
.dark .bg-yellow-100 {
|
|
background-color: #374151 !important;
|
|
}
|
|
|
|
.dark .bg-yellow-200 {
|
|
background-color: #1f2937 !important;
|
|
}
|
|
|
|
.dark .border-yellow-300 {
|
|
border-color: #4b5563 !important;
|
|
}
|
|
|
|
/* Assicurati che la tabella sia leggibile */
|
|
.dark table {
|
|
background-color: #1f2937;
|
|
color: #f9fafb;
|
|
}
|
|
|
|
.dark th {
|
|
background-color: #374151;
|
|
color: #f9fafb;
|
|
}
|
|
|
|
.dark td {
|
|
background-color: #1f2937;
|
|
color: #f9fafb;
|
|
border-color: #4b5563;
|
|
}
|