Visiblity issues in dark mode in navbar parser section

[Rashmi-Kumari123]

Summary

On the Resume Parser page (/resume-parser), dark mode causes low-contrast text in two places, making content hard or impossible to read.

Affected areas

1. Resume Parsing Results table (Profile, Education, Work Experience, etc.)
2. Algorithm walkthrough → Step 3 section table (pastel-highlighted rows)

Bug was this:

updated that I did

Steps to reproduce

1. Enable dark mode from the top nav.
2. Open Resume Parser.
3. Scroll to Resume Parsing Results and observe the table.
4. Scroll further to the algorithm article → Step 3 and observe the “Lines / Line Content” table.

Expected

All labels, values, and highlighted section lines should remain clearly readable in dark mode.

Actual

1. Parsing Results: Table body text stays dark on a near-black background, so rows are nearly invisible. Section headers stay readable because they use a light background with dark text.
2. Step 3: Rows use light pastel backgrounds (bg-red-50, bg-yellow-50, etc.) while dark mode forces light text, causing light-on-light contrast failure. Section titles and line content are barely visible.

Notes / likely cause

• Light-theme colors (text-gray-900, bg-gray-50, pastel bg-*-50 highlights) are used without dark-mode-safe contrast handling.
• Related UI on the same page (headings, paragraphs, example cards, dropzone) can show the same issue.

Environment

• Page: Resume Parser
• Theme: Dark mode