Skip to content

Pull request: Match GitHub's state colours for closed, draft, merged and blocked pull requests - #76

Merged
whereareiam merged 1 commit into
devfrom
fix/pull-states
Oct 4, 2026
Merged

whereareiam merged 1 commit into
devfrom
fix/pull-states

Conversation

@whereareiam

Copy link
Copy Markdown
Owner

Stacked on #75 (base is its branch).

What changed

Measured against GitHub in a signed-in browser, on a temporary private repository with pull requests in each state (open, draft, merged, closed, conflicting).

GitHub Before After
Closed state label red rgb(218,54,51) purple rgb(137,87,229) red rgb(218,54,51)
Draft state label solid grey rgb(101,108,118), white text grey at 20% solid grey, white text
State label weight 600 500 600
Merged box border purple rgb(137,87,229) neutral purple
Conflicting / blocked box border neutral rgb(61,68,77) red (added in #73 from memory) neutral
Conflicting / blocked / draft / closed badge grey rgb(101,108,118) red, or muted rgb(145,152,161) grey rgb(101,108,118)
"Viewed" control bordered button, 28px borderless, 26px bordered button, 28px
Review button height 28px 30px 28px

The red-to-purple rule for the red state label stays for issues, where GitHub shows closed as purple; the override applies on pull request pages only.

Verification

Checked in the preview on merged, closed, draft, mergeable and blocked (temporary branch protection) pull requests and on the Files changed tab. bun vitest (403 passed), bun check and Prettier pass. Screenshots are not attached.

🤖 Generated with Claude Code

…and blocked pull requests

Measured against GitHub signed in, on pull requests in each state:
- A closed pull request's state label is red; it was purple, the colour
  for closed issues and merged pull requests.
- A draft's state label is solid grey with white text.
- A merged pull request's box has a purple border.
- Blocked, conflicting, draft and closed pull requests keep a neutral
  badge and border; the red border added for blocked ones was a guess
  and is removed.
- "Viewed" is a bordered 28px button and the review button is 28px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@whereareiam whereareiam added the bug Something isn't working label Oct 4, 2026
Base automatically changed from fix/pull-files-review to dev October 4, 2026 10:24
@whereareiam
whereareiam merged commit 63239c2 into dev Oct 4, 2026
7 checks passed
@whereareiam
whereareiam deleted the fix/pull-states branch October 4, 2026 10:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant