[TASK] Improve Dark Mode UI/UX on Dashboard Page

[prayagupa23]

💬 Your Discord Username

prayagupa23

Issue Type

Bug

🔥 Why do you want to work on this?

The current dark mode dashboard UI feels slightly inconsistent and lacks clear visual hierarchy. Certain sections, text contrasts, and background shades can be refined for a smoother and more visually appealing dark theme experience.

• Proposed Enhancements

  • Improve contrast between cards and background (some cards blend too much with the page background).
  • Refine text and icon colors for better readability (especially light-blue text on dark background).
  • Add subtle shadows or borders around cards for better visual separation.
  • Ensure consistent dark mode shades across all dashboard components (sidebar, navbar, cards, and charts).
  • Enhance hover and active states for buttons and links to improve interactivity.
  • Maintain accessibility (WCAG-compliant contrast ratios).

• Expected Outcome

  • A cleaner, more polished dark mode dashboard with improved readability, better contrast, and consistent UI/UX across all sections — making the app feel more modern and developer-friendly.

@Annanyatiwary4 I want to work on this UI/UX enhancement.

[github-actions]

🤔 Potentially Related Issue Found 🤔

This issue seems related to:

• Issue [Enhancement] Dashboard UI/UX Improvements #125: "[Enhancement] Dashboard UI/UX Improvements" (79.7% similar)
  Link: [Enhancement] Dashboard UI/UX Improvements #125

This issue is not identical but may be related. A maintainer will review to determine if they should be linked or if this is indeed a separate issue.

This comment was generated automatically by Seroski-DupBot 🤖

Check out the developer: Portfolio

[prayagupa23]

@Annanyatiwary4 I want to work on this UI/UX enhancement, it's not similar to the other issues I just have to work on the dark mode part.

[Namit-Rana6]

If the issue is not resolved yet,i love to work on this under hacktober!

[prayagupa23]

It will be solved by today..