Improve Light Theme Color Palette and Fix Missing Header Across Pages

Description

The current light theme UI uses very pale colors with low contrast, making the interface look washed out and reducing visual hierarchy. Additionally, the header section containing “Swecha ASR Telugu Dictation” is only visible on the Dashboard page and does not appear consistently on other pages like History, Corpus Records, Models, and About.

Problems Identified

UI / Color Palette Issues

• Background and card colors are too similar, reducing separation between sections.
• Sidebar active state is not visually strong enough.
• Buttons and icons lack consistent accent colors.
• Text contrast is low in some areas, affecting readability.
• Overall UI feels flat and less modern.

Header Consistency Issue

• The top header (Swecha ASR Telugu Dictation) is only rendered on the Dashboard page.
• Other routes/pages do not include the shared header component.
• This causes inconsistent navigation experience and branding visibility.

---

Expected Improvements

Light Theme Enhancements

Implement a cleaner and modern light theme with:

• Soft neutral background
• Better contrast between cards and background
• Consistent primary accent colors
• Improved button gradients/shadows
• More readable typography

Header Fix

• Create a reusable shared header/navbar component.

• Render the header globally across all pages:

  • Dashboard
  • History
  • Corpus Records
  • Models
  • About

• Maintain consistent branding and layout throughout the app.

---

Acceptance Criteria

• Updated modern light theme implemented
• Improved contrast and readability
• Consistent button and sidebar styling
• Shared header visible on all pages
• Responsive design maintained
• No UI breaking changes introduced