Improve Dark Mode UI Consistency Across the Application

[Pavithra-Devadiga]

Description

The application supports dark mode, but some UI components have inconsistent colors, low-contrast text, and hover states that affect readability and user experience.

This issue focuses on improving the overall consistency and accessibility of the dark theme.

Tasks

• Fix low-contrast text colors.
• Improve button hover and active states.
• Ensure cards have consistent dark backgrounds.
• Improve border colors for inputs and cards.
• Fix placeholder text visibility.
• Ensure icons remain visible in dark mode.
• Verify all modals and dropdowns follow the dark theme.
• Check responsiveness of the dark theme across different screen sizes.

Expected Outcome

• A visually consistent dark theme across the application.
• Improved readability and accessibility.
• Better user experience on desktop and mobile devices.

Suggested Labels

• good first issue
• enhancement
• UI
• dark mode
• GSSoC

Additional Information

This is a beginner-friendly UI enhancement that improves the application's accessibility and overall user experience without affecting existing functionality.

---

@lovelymahor Please assign this issue to me under GSSoC'26. I would love to work on this enhancement. Thank you!

[aaniya22]

please assign this to me under gssoc'26

[Harshada766]

I would love to work on this issue kindly assign me