Hardcoded indigo colors bypass the primary-color theme tokens
Nobody has claimed this yet.
- Dominant language
- Elixir
- Stars
- 296
- Forks
- 86
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 50
Description
Summary
app.css defines a theme-aware primary palette (--color-primary-50 through --color-primary-950, currently mapped to indigo), but a number of templates and components hardcode bg-indigo-* / ring-indigo-* / text-indigo-* classes instead of bg-primary-* / ring-primary-* / text-primary-*. If the primary color is ever re-themed, those surfaces stay indigo while the rest of the app shifts.
Where
Currently 23 files, ~58 occurrences. Run grep -rln "bg-indigo\|ring-indigo\|text-indigo" lib/lightning_web/ for the live list. Hotspots:
lib/lightning_web/components/pills.exlib/lightning_web/live/sandbox_live/components.exlib/lightning_web/live/workflow_live/edit.exlib/lightning_web/live/project_live/settings.html.heexlib/lightning_web/live/workflow_live/components.exlib/lightning_web/live/workflow_live/dashboard_components.ex
Fix
Mechanical rename: indigo-NNN -> primary-NNN everywhere a class is part of the primary brand surface. Skip places where indigo is a literal semantic choice (status pills, color picker swatches). One PR.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading app.css to understand the primary color tokens, then run grep -rln "bg-indigo|ring-indigo|text-indigo" lib/lightning_web/ to inspect the 23 affected files and the listed hotspots. Replace indigo classes only on primary brand surfaces, preserving semantic status pills and color-picker swatches, then confirm the resulting class usage across the live list.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- elixir
- Domain
- frontend, web-dev
- Issue type
- Refactor
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 74/100