Amaresh - Team Member Tasks: Fix dark mode dropdown contrast

[amaresh2001]

Description

When a team member has scheduled time off, their row in the Team Member Tasks widget (Dashboard) shows a "[Name] Is Not Available this Week" overlay. In dark mode, the "Ready for Review" dropdown menu (View Link / Edit Link / mark complete / more work needed) rendered with near-white text on a near-white background, making it unreadable. This was one of two issues flagged; PR #5317 (sphurthy-timeoff-hotfix) addressed the functional click-through issue but did not fix this contrast bug.

https://www.loom.com/share/86f58e5b27a3496e998d82ed9f2b89e7

Related PRs (if any):

This is a follow-up to #5317, which fixed the dropdown's disabled/click-through behavior but left the dark mode contrast issue unresolved.

Main changes explained:

• Update reviewButton.module.css: added the .dark-mode-btn class (dark navy background #1c2541, light text, with hover/focus states), which was previously referenced in ReviewButton.jsx but never defined, so it silently did nothing. Also added .review-button-dropdown-dark for the dropdown menu container's background.
• Update ReviewButton.jsx: both DropdownMenu instances (own-task view and reviewer view) now conditionally apply the new dark background class when darkMode is true; all 6 DropdownItem elements now conditionally apply text-light + dark-mode-btn together only in dark mode (previously the CSS-module class was applied unconditionally regardless of mode, which was harmless only because it didn't exist).

How to test:

1. Checkout branch amaresh/timeoff-review-dropdown-dark-mode
2. npm install and run the app locally
3. Clear site data/cache
4. Log in as an Admin user
5. Go to Dashboard → Team Member Tasks widget → find a user with an active time-off request and a task with reviewStatus: "Submitted"
6. Click "Ready for Review" to open the dropdown and verify all items (View Link, Edit Link, complete, more work needed) are clickable
7. Toggle dark mode and verify the dropdown text is clearly readable (light text on dark navy background), then toggle back to light mode and confirm it still renders as plain white/normal, no dark strips or leftover dark styling

Screenshots or videos of changes:

Note:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	1ffbd29
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a4ffad9037aab0008472b89
😎 Deploy Preview	https://deploy-preview-5379--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[HemanthNidamanuru]

Hi Amaresh,

I tested this PR locally.

After logging in as an Admin user and checking the Team Member Tasks widget, the Ready for Review dropdown is working fine.

All dropdown items are clickable, and the dropdown text is clearly readable in dark mode. I also toggled back to light mode, and it renders normally without any leftover dark styling.

Everything looks good from my side.

[DeepighaJ]

Tested the PR locally, Review for Review button available as expected. The buttons are clickable and displays confirmation popup. The functionality works as expected.
Minor Issue: The pop up text is hardly visible in dark mode.

[shree-vaths]

Hello I tested #5379 on my local. The dark mode visual for ready for review looks good.

Passing Test case
-The drop options have adapted to dark mode when user click of ready for review.

But the edit model is still not readable in dark mode. But I believe its out of scope for this ticket as edit function is not mentioned in requirement.

Issue -
The ledderboard values are missing in dark mode. This looks like some regression issue. Please clarify this as other review comments also has missing leaderboard values for each user.