Contribution Graph Colors 1 - Custom level colors

Pro

Contribution graph blocks styled with custom data-level colors.
Shadcn Contribution Graph Colors 1 component

Component Data

  • ID:contribution-graph/contribution-graph-colors-1
  • Access:pro
  • Created:Jul 30, 2026
  • Type:example

Contribution Graph Colors 1 component design & features

This example overrides ContributionGraphBlock colors per data-level for a custom brand palette.

Custom level colors help match product themes while keeping the familiar contribution heatmap pattern.