# CLOCK-024: Pie Chart Label Contrast Issue - "Revenue" Label Hard to Read

**Status:** deployed-to-dev
**Priority:** P2 (Medium)
**Product:** clocklane
**Environment:** DEV – https://clocklane.dev.apps.symph.co/app
**Reporter:** Zel
**Created:** 2026-02-18
**Assignee:** ARIA

## Description

In the Sales Reports page (`/app` → Reports tab), the "Payment Types" pie chart displays a "Revenue" label that has poor contrast against the dark background, making it difficult to read.

## Current Behavior
- The "Revenue · ₱X.XX" label appears in a light gray color
- Against the dark chart background, the text is barely visible
- Affects readability and accessibility

## Expected Behavior
- Label should have sufficient contrast to be clearly readable
- Should meet WCAG contrast guidelines (4.5:1 minimum for normal text)
- Consistent with other text elements in the app

## Affected Areas
- Sales Reports page → Payment Types pie chart
- Possibly other chart labels if using the same styling

## Technical Notes
- Check Recharts PieChart label styling in ClocklanePOS.tsx
- Update label fill color to use theme text color (t.text) or white for better contrast

## Acceptance Criteria
- [ ] Revenue label is clearly visible against dark background
- [ ] Label readable in both dark and light modes
- [ ] Tested and verified before marking resolved
