Improve readability: bump small text to text-xs and adjust muted color tokens

[erikconnect]

Motivation

• Increase legibility of small UI labels and controls by moving from a very small utility (text-[10px]) to the standard text-xs scale.
• Improve color contrast for muted text on both light and dark themes by adjusting the --muted-foreground CSS token to meet better readability goals.

Description

• Replaced many usages of text-[10px] with text-xs across src/app/(app)/dashboard/page.tsx and src/app/(app)/map/page.tsx to standardize and enlarge small text elements such as footers, labels, badges, and error messages.
• Tuned letter-spacing/tracking values on several uppercase labels (e.g. from tracking-[0.14em] to tracking-[0.12em]) to better match the new scale.
• Updated the empty-state and footer label sizes in the MiniTimelineChart component for consistent sizing.
• Adjusted the CSS root variables in src/app/globals.css, changing --muted-foreground in both light and dark mode to darker/brighter values respectively and updating comments to reflect the accessibility intent.

Testing

• Ran a TypeScript/production build (pnpm build) to validate compilation and bundling, which completed successfully.
• Ran linting (pnpm lint) to ensure style and code quality rules pass, which returned no errors.
• Ran the test suite (pnpm test) and all automated tests passed.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
workforce-pulse	Ready	Preview, Comment	Mar 9, 2026 5:16pm