Skip to content

Update status colours to traffic light system#167

Open
xrendan wants to merge 1 commit intomainfrom
traffic-light-status-colours
Open

Update status colours to traffic light system#167
xrendan wants to merge 1 commit intomainfrom
traffic-light-status-colours

Conversation

@xrendan
Copy link
Copy Markdown
Member

@xrendan xrendan commented Apr 5, 2026

Summary

  • Traffic light status colours: Not Started = red (#8b2332), In Progress = yellow (#fbbf24), Completed = green (#356643 pine), Broken = charcoal (#272727)
  • BCDS colours package: Copied full colour palette from github.com/BuildCanada/bcds into lib/colours/ for design system consistency
  • Waffle chart order: Changed to red → yellow → green → black (not_started → in_progress → completed → broken)
  • Updated across: MetricCards, BigCards, CompactCards, status badges, burn-up charts, waffle charts, OG social images, and Tailwind config

Test plan

  • Home page: verify metric card colours (red, yellow, green, black)
  • Home page: verify waffle charts show red→yellow→green→black order
  • Platform page: verify metric cards and waffle charts
  • Commitments list: verify status badge colours
  • Commitment detail: verify status badge, criteria checkmarks (green for met, charcoal for not met)
  • Burn-up charts: verify line colours (green for completed, charcoal dashed for broken)
  • Ministry page: verify status badges and waffle charts
  • OG images: check /opengraph-image route for updated colours

🤖 Generated with Claude Code

@xrendan xrendan force-pushed the traffic-light-status-colours branch from 7ebafa5 to c28833f Compare April 5, 2026 22:52
Not Started = red (#8b2332), In Progress = yellow (#fbbf24), Completed = green (pine-600 #356643), Broken = charcoal (#272727). Copies BCDS colours package into lib/colours/ and updates all status references across MetricCards, waffle charts, burn-up charts, status badges, and OG social images. Waffle chart order changed to red→yellow→green→black.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@xrendan xrendan force-pushed the traffic-light-status-colours branch from c28833f to bc62a23 Compare April 6, 2026 00:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant