VSN-2396 — UI redesign: planning schedule, layout theme & global table upgrades
Summary
Complete visual overhaul of the driver planning schedule and global UI improvements across the application.
Planning Schedule Redesign
- Rebuilt the driver schedule with a new multi-tonal color palette (indigo, teal, amber accents)
- Redesigned time slot cards with two-line layout (time + circuit code + passenger count), solid pastel backgrounds, and color-matched shadows
- Added 20 rotating driver row colors with colored avatars, left accent bars, and matching hover effects
- Rebuilt zoom system with pure math computation (fixes glitch/crash on zoom in/out)
- Added animated intensity badge with rolling counter and dynamic slider colors
- Redesigned toolbar with glassmorphic style, blue filter button, orange refresh button with spin animation
- Added current-time vertical indicator with auto-updating position
- Improved overlap detection to use full pickup-to-return visual range
- Added loading spinner to affectation confirmation dialog
- Redesigned fiche trajet form with colored section cards and distinct icons per section
Layout & Theme
- Updated dashboard layout backgrounds from white to soft purple (#F4F2FB)
- Darkened top navbar header color
- Updated
.bg-pageutility to match layout background
Global Table Upgrades
- Updated table header backgrounds to #DBD7F9 across 30+ table components
- Applied consistent box shadows to all table headers, control bars, and cards
- Restyled filter button (blue) and refresh button (orange with spin) globally
- Added 200ms animation and max-height scroll to all Select dropdowns
- Improved transport schedule field with darker, more visible circles and labels
Shared Components
- Added dynamic color fill to ElasticSlider with customizable palettes
- Added loading state with spinner to ConfirmDialog
- Created StarBorder component
- Added new CSS animations (shimmer, pulse-glow, row-slide-in, gradient-shift)