[Feature] Add colors to budget values

[Thiago-Morais]

Verified feature request does not already exist?

• [X] I have searched and found no existing issue

💻

• [ ] Would you like to implement this feature?

Pitch: what problem are you trying to solve?

Currently, in the budget tab, if the balance is less than zero it turns red

Negative balance values are red. Positive values are white. Zero is gray.

This is good as it makes it easy to see, at a glance, where we are overspending.

However, every other non-zero amount has the same color.

Same color shared between positive Balance value, Spent non-zero values, and Budgeted non-zero value.

Also, the group's title doesn't change colors even on Balance

This makes it harder to quickly gather information at a glance when you have many categories going all over the place.

Describe your ideal solution to this problem

My solution would be to:

First, apply the same color change to the Budgeted and Spent columns as well as the Group's title.

Second, Use different colors for Positive values.

The Goal Indicator part of the Budget Goal Templates is a great example of color usage.

Green for "goal met", yellow for "goal not met", and red for "negative balance".

Teaching and learning

An addition in the documentation with a legend for each color

[github-actions[bot]]

:sparkles: Thanks for sharing your idea! :sparkles:

This repository uses lodash style issue management for enhancements. That means enhancement issues are automatically closed. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution).

The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc+

Don’t forget to upvote the top comment with 👍!