no-hardcoded-tailwind-color

Hardcoded Tailwind color classes should use design tokens.

Copy link to sectionWhat it flags

A line like this:

Last updated

is reported as:

Hardcoded Tailwind color "text-gray-500" — use a semantic class instead

Copy link to sectionHow to fix it

Replace with semantic classes (e.g., bg-muted, text-foreground).

preset AI suggests a fix: Replace hardcoded Tailwind color with semantic class. "text-gray-500" is a hardcoded color class. Use semantic classes that adapt to light/dark mode.

Before:

Last updated

After:

Last updated

Copy link to sectionRelated

• All rules: every built-in rule, by dimension.
• Set up enforcement: connect an AI tool and make validation required.