Skip to content

[Due for payment 2026-07-06] Improve line chart styling with marker borders, gradient fill, and brand green color #90646

Description

@MelvinBot

Description

The line charts (particularly Spend over time) feel unpolished. This issue tracks the following visual improvements:

  1. Marker borders — Add borders/strokes to the data point markers on the line chart
  2. Linear gradient fill — Add a linear gradient to the area/spread beneath the line
  3. Brand green color — Switch the chart color from blue to Expensify's primary brand green to reinforce brand identity and feel more polished

These changes have been confirmed as feasible using the combination of victory-native and skia.

Slack thread: https://expensify.slack.com/archives/C07HPDRELLD/p1778752346310759

Image Image
Issue OwnerCurrent Issue Owner: @puneetlath

Metadata

Metadata

Labels

DailyKSv2Skip PaymentSkips all the payment process steps for an issue. Use it for fixed-price projects.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions