Skip to content

Conversation

@anish1206
Copy link

Description

Fixed contrast issues in ATS Analyzer component for better readability in both light and dark modes.

Impact:
-Resolves low contrast text issues that made content difficult to read in dark mode
-Ensures consistent readability across both light and dark themes
-Improves accessibility by meeting WCAG contrast requirements
-Maintains visual hierarchy while enhancing user experience
-The ATS Analyzer now displays clearly readable text in both themes, particularly fixing the previously hard-to-read Critical Improvements and AI Suggestions sections.

Fixes #314

Type of Change

  • Bug fix
  • UI/UX improvement (styling updates)

Changes Made

  • Critical Improvements Section: Updated text colors from hardcoded text-red-600 to semantic text-destructive dark:text-red-400 for proper contrast
  • AI Suggestions Section: Enhanced background and text colors with bg-blue-50 dark:bg-blue-950/50 and text-blue-900 dark:text-blue-100 for better visibility
  • Keyword Analysis: Added dark mode variants for keyword tags with proper borders and contrast
  • Section Headings: Applied text-foreground class to all section titles for consistent theming
  • Form Elements: Enhanced textarea styling with proper placeholder and text colors

Add Screenshots

Previous:
Screenshot 2025-08-16 192047

Updated:
Screenshot 2025-08-17 152903
Screenshot 2025-08-17 155629

Checklist

  • My code follows the style guidelines of this project.
  • I have tested my changes across major browsers/devices
  • I have tested my changes in development mode (npm run dev)
  • I have written or updated related tests, if necessary
  • This is already assigned Issue to me, not an unassigned issue.

Please let me know if you need further tests, details, or refinements!

@netlify
Copy link

netlify bot commented Aug 17, 2025

👷 Deploy request for docmagic-muneer pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 7bb66ac

@netlify
Copy link

netlify bot commented Aug 17, 2025

👷 Deploy request for docmagic1 pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 7bb66ac

@vercel
Copy link

vercel bot commented Aug 17, 2025

@anish1206 is attempting to deploy a commit to the muneerali199's projects Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Dark theme text contrast issue in Resume , ATS analyzer section

3 participants