color-consistency-checker

To find hardcoded hex colors in TypeScript files, scan the codebase for hex values and suggest replacements with semantic Tailwind CSS classes. This process identifies inconsistencies in primary colors, hover states, and background shades.

Enforcing color consistency involves checking TypeScript and TSX files against a predefined color schema in `tailwind.config.ts` and `app/globals.css`. It suggests replacing hardcoded hex values with semantic Tailwind classes to maintain visual uniformity.

Hardcoded color detection works by scanning TypeScript and TSX files for stray hex values during a code review. It validates these values against your established color palette and recommends appropriate Tailwind CSS class replacements.

Yes, you can check TSX files for color inconsistencies by validating them against a predefined color schema defined in `tailwind.config.ts`. The checker identifies hardcoded hex values and suggests semantic Tailwind CSS classes as replacements.

A limitation of replacing hex colors with Tailwind classes is that valid replacements depend entirely on a predefined color schema in `tailwind.config.ts` and `app/globals.css`. Hardcoded values deviating from this established palette must be manually updated to match.