no-inline-style-color

Inline style colors should use CSS custom properties.

Copy link to sectionWhat it flags

A line like this:

Pending

is reported as:

Inline style color "style={{ color: '#d97706'" — use CSS custom properties

Copy link to sectionHow to fix it

Use var(--token-name) or className instead of inline styles.

Copy link to sectionRelated

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