Roshini Seelamsetty : Fix Mentor Label Text Visibility (In Dark Mode) in Role Distribution Chart (Total Org Summary Dashboard)

[roshini1212]

Description

Related PRS (if any)

N/A

Main changes explained:

• Updated PieChart.jsx to support improved dark mode label rendering.
• Updated RoleDistributionPieChart.jsx to apply dedicated label classes for role distribution labels.
• Updated TotalOrgSummary.module.css to:
  • add explicit dark/light label styling for role distribution labels
  • improve chart label readability in dark mode
  • remove duplicate selectors causing Stylelint failures
  • ensure chart text colors render correctly against dark backgrounds

How to test:

1. Checkout the current branch.
2. Run: npm install
   npm start
3. Clear browser cache/site data if needed.
4. Log in as an admin user.
5. Navigate to: Dashboard -> Total Organization Summary -> Role Distribution Chart -> Enable dark mode.
6. Verify that mentor role is visible in yellow segment.

Screenshots or videos of changes:

Screen.Recording.2026-05-23.at.21.28.21.mov

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	59e2f88
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a125a8784e8a60008ac726c
😎 Deploy Preview	https://deploy-preview-5292--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
3 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,

I reviewed and tested this PR locally in dark mode. The mentor role is now visible in the yellow segment as expected. However, there is overlap occurring in the Role Distribution chart labels/values, and the chart values are not changing when the date filters are updated.

[DeepighaJ]

Checked out to current branch and tested locally
The yellow appears as expected but the overlap values in yellow are still not visible clearly.
Date filters are not applied to the donut chart.