1004 B
1004 B
2025-12-15-123500_ui_overhaul.md
Objective
Overhaul the UI/UX to create a premium, modern, and aesthetically pleasing experience ("Wow" factor), moving away from the "unwatchable" current state.
Design Direction
- Theme: Modern Dark/Light mode (default Dark deep premium).
- Palette: Deep slate/navy backgrounds, vibrant accents (violet/indigo/teal gradients), glassmorphism effects.
- Typography: Modern sans-serif (Inter/Roboto).
- Components:
- Sidebar: Glassmorphism, better spacing, active state indicators.
- Cards: Subtle borders, soft shadows, hover lifts.
- Tables: Clean headers, spacious rows, hover effects, specific status badges.
- Animations: Page transitions, button hover states.
Tasks
- Define new Color Palette and CSS Variables in
index.css. - Refactor
MainLayoutfor better structure and glass sidebar. - Update
Dashboardwidgets style. - Update
Companiestable style. - Global typography update.