Skip to content

Editor V2: Improve affordance of task color selection control #2120

@shopify-river

Description

@shopify-river

Summary

Improve the affordance of the task color selection control so it's clearly clickable — e.g. a small icon overlay or hover state — especially when the current color is white on a white background.

Rationale

From the Apr 21 CSOM sync: the default color is white, which renders on a white background and gives the swatch effectively zero visual presence. Users don't realize it's interactive.

Acceptance

  • Color swatch has a clear clickable affordance at rest (e.g. small chevron/paint icon).
  • Affordance is visible regardless of the currently selected color (including white).
  • Hover and focus states are distinct.

Context: Captured from the Tangle / CSOM UX sync on Apr 21, 2026 (notes). Attendees: Matt Beaulne, Camiel van Schoonhoven, Maksym Yezhov.

Requested by Matt Beaulne matt.beaulne@shopify.com.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions