`react-doctor/design-no-default-tailwind-palette`

Replace `indigo-*` / `gray-*` / `slate-*` with project tokens, your brand color, or a less-default neutral (`zinc`, `neutral`, `stone`)

Category: Architecture
Severity: warn
Source: oxlint-plugin-react-doctor
Framework: global
Enabled when: always

Validation prompt

Use this to decide whether a fired diagnostic is real or a false positive.

Fires when className contains a Tailwind utility (text/bg/border/ring/fill/stroke/from/to/via/decoration/divide/outline/placeholder/caret/accent/shadow) paired with the indigo, gray, or slate palette name and one of the canonical Tailwind stops 50-950. Radix Colors scales like text-gray-11 or fill-gray-12 are intentionally NOT flagged — those stops aren't Tailwind defaults.

Fix prompt

Use this once validation confirms the diagnostic is real.

For indigo, swap to your brand color or a project token. For gray/slate, switch to zinc (true neutral), neutral (warmer), or stone (warmest) — same Tailwind shape, instantly less template-default. If you have a design-tokens layer, prefer semantic classes like text-foreground or bg-muted. https://tailwindcss.com/docs/colors