Skip to content

explore: let a project carry a colour - #2736

Draft
camielvs wants to merge 1 commit into
09-17-explore_new_project_cardfrom
09-17-explore_project_colours
Draft

camielvs wants to merge 1 commit into
09-17-explore_new_project_cardfrom
09-17-explore_project_colours

Conversation

@camielvs

Copy link
Copy Markdown
Collaborator

Exploration, not a proposal. Branches off #2735 so it can be dropped without touching anything else in the stack.

A project can be given one of six colours, which tints its card so a grid of projects can be scanned by eye rather than read.

The catch, and why this is exploratory

The colour has nowhere permanent to live yet. It is held client-side so the idea can be judged before asking the backend for anything. extra_data on a project is the natural home, and the list endpoint now returns it, so making this real is a small change rather than a new field — but it is a change worth deciding on deliberately rather than smuggling in behind a colour picker.

Notes

  • Palette is six hues; slate was tried and dropped because it was indistinguishable from an untinted card in dark mode.
  • All six verified distinct in both themes.
  • The picker is a submenu on the card's existing actions menu, so it costs no new chrome.

Verification

npm run validate clean, unit tests passing, both themes checked in the browser.

🤖 Generated with Claude Code

@github-actions

github-actions Bot commented Sep 18, 2026

Copy link
Copy Markdown

🎩 Preview

A preview build has been created at: 09-17-explore_project_colours/d7db9f8

@camielvs
camielvs force-pushed the 09-17-explore_new_project_card branch from 15b2a3f to b07c324 Compare September 18, 2026 21:19
@camielvs
camielvs force-pushed the 09-17-explore_project_colours branch from f4e0d60 to a555ede Compare September 18, 2026 21:19
@camielvs
camielvs force-pushed the 09-17-explore_new_project_card branch from b07c324 to ff8d4e6 Compare September 18, 2026 21:26
@camielvs
camielvs force-pushed the 09-17-explore_project_colours branch from a555ede to 326b69e Compare September 18, 2026 21:26
@camielvs
camielvs force-pushed the 09-17-explore_new_project_card branch from ff8d4e6 to a4b9b99 Compare September 18, 2026 21:44
@camielvs
camielvs force-pushed the 09-17-explore_project_colours branch from 326b69e to 66317f6 Compare September 18, 2026 21:44
A long list of projects is hard to scan by name alone. A colour gives each
card a left accent stripe and a tinted folder icon, chosen when the project
is created or later from the card's own menu.

The colour is held in this browser rather than on the project: the list
endpoint answers with the summary shape, which omits extra_data, so a colour
stored server-side cannot reach a card in the list. useProjectColors is the
single seam that changes if that gap closes.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Copy link
Copy Markdown
Collaborator Author

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

This stack of pull requests is managed by Graphite. Learn more about stacking.

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