Skip to content

feat: UI Enhancement for Light Theme & Global Header Consistency

ashritha kunjeti requested to merge header into feat/develop-pro

Summary

This MR improves the overall visual appearance of the Swecha Gonthuka ASR application by redesigning the light theme color palette and fixing the missing header issue across multiple pages.

The update introduces a cleaner, modern, and more accessible UI while ensuring consistent branding and navigation throughout the application.

Changes Implemented

Light Theme UI Improvements

  • Updated the application with a modern light color palette
  • Improved contrast between backgrounds, cards, and text
  • Enhanced sidebar active/hover states
  • Improved button styling with better gradients and shadows
  • Standardized typography and spacing
  • Refined card borders and component consistency

Global Header Fix

  • Fixed issue where the header (Swecha ASR Telugu Dictation) appeared only on the Dashboard page

  • Implemented a reusable shared header component

  • Added header rendering across all pages:

    • Dashboard
    • History
    • Corpus Records
    • Models
    • About

Additional UI Refinements

  • Improved overall layout consistency
  • Better alignment and spacing across sections
  • Enhanced visual hierarchy for readability
  • Maintained responsiveness for different screen sizes

Before

  • Washed-out UI with low contrast
  • Inconsistent branding/navigation
  • Header missing on non-dashboard pages

After

  • Modern and clean light theme
  • Consistent UI across all pages
  • Shared header available application-wide

Testing Done

  • Verified header visibility on all pages
  • Checked responsive layout behavior
  • Tested sidebar navigation states
  • Confirmed no existing functionality was affected

Type of Change

  • UI Enhancement
  • Bug Fix
  • New Feature
  • Backend Change
  • Documentation Update

*Closes #45 (closed)

Edited by ashritha kunjeti

Merge request reports