This issue does not occur in other Fluent UI components (e.g. Button) under the same theme, as they switch to a dark foreground (e.g. #000000) on bright backgrounds for better contrast.

A modern, responsive financial dashboard built with Next.js, Tailwind CSS v4, and Supabase. financial-dashboard/ ├── app/ # Next.js app directory ├── components/ # React components │ ├── ui/ # ...