github-starred/actual
2
0
Fork 0
mirror of https://github.com/actualbudget/actual.git synced 2026-05-06 07:01:45 -05:00
Code Issues 1.5k Packages Projects Releases 54 Wiki Activity

[GH-ISSUE #7256] [Feature] Contrasting background color of upcoming transactions #17261

New Issue
Closed
opened 2026-04-14 20:09:56 -05:00 by GiteaMirror · 14 comments
GiteaMirror commented 2026-04-14 20:09:56 -05:00
Owner
Copy Link

Originally created by @j67nn5s67s-afk on GitHub (Mar 21, 2026).
Original GitHub issue: https://github.com/actualbudget/actual/issues/7256

Verified feature request does not already exist?

  • I have searched and found no existing issue

💻

  • Would you like to implement this feature?

Pitch: what problem are you trying to solve?

When I open my account, the transactions seem to run together. Having all transactions having the same background, makes it harder to tell at a glance which transactions I’ve already dealt with, and which ones are coming up.

Describe your ideal solution to this problem

I think if the background color of the upcoming transactions were a little darker it would help them be separate but still visible.

Teaching and learning

It would just naturally be noticeable

Originally created by @j67nn5s67s-afk on GitHub (Mar 21, 2026). Original GitHub issue: https://github.com/actualbudget/actual/issues/7256 ### 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? When I open my account, the transactions seem to run together. Having all transactions having the same background, makes it harder to tell at a glance which transactions I’ve already dealt with, and which ones are coming up. ### Describe your ideal solution to this problem I think if the background color of the upcoming transactions were a little darker it would help them be separate but still visible. ### Teaching and learning It would just naturally be noticeable
GiteaMirror commented 2026-04-14 20:09:57 -05:00
Author
Owner
Copy Link

@github-actions[bot] commented on GitHub (Mar 21, 2026):

✨ Thanks for sharing your idea! ✨

This repository uses a voting-based system for feature requests. While enhancement issues are automatically closed, we still welcome feature requests! The voting system helps us gauge community interest in potential features. We also encourage community contributions for any feature requests marked as needing votes (just post a comment first so we can help guide you toward 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 👍!

<!-- gh-comment-id:4104564526 --> @github-actions[bot] commented on GitHub (Mar 21, 2026): :sparkles: Thanks for sharing your idea! :sparkles: This repository uses a voting-based system for feature requests. While enhancement issues are automatically closed, we still welcome feature requests! The voting system helps us gauge community interest in potential features. We also encourage community contributions for any feature requests marked as needing votes (just post a comment first so we can help guide you toward 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 👍! <!-- feature-auto-close-comment -->
GiteaMirror commented 2026-04-14 20:09:58 -05:00
Author
Owner
Copy Link

@db-src commented on GitHub (Mar 22, 2026):

Are these scheduled or just future dated transactions? Screenshot of what you see? Changing theme or adding custom CSS may be able to help.

<!-- gh-comment-id:4105882023 --> @db-src commented on GitHub (Mar 22, 2026): Are these scheduled or just future dated transactions? Screenshot of what you see? Changing theme or adding custom CSS may be able to help.
GiteaMirror commented 2026-04-14 20:09:58 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 22, 2026):

Yes, scheduled transactions. image

<!-- gh-comment-id:4106298298 --> @j67nn5s67s-afk commented on GitHub (Mar 22, 2026): Yes, scheduled transactions. ![image](https://github.com/user-attachments/assets/40c3d438-5194-462a-8eb3-ae73b8ad0b24)
GiteaMirror commented 2026-04-14 20:09:58 -05:00
Author
Owner
Copy Link

@Juulz commented on GitHub (Mar 22, 2026):

You can add a custom color to those transaction with the variable tableTextInactive.

See here: https://github.com/actualbudget/actual/issues/6607#issuecomment-3923497037

<!-- gh-comment-id:4106357558 --> @Juulz commented on GitHub (Mar 22, 2026): You can add a custom color to those transaction with the variable tableTextInactive. See here: https://github.com/actualbudget/actual/issues/6607#issuecomment-3923497037
GiteaMirror commented 2026-04-14 20:09:58 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 22, 2026):

You can add a custom color to those transaction with the variable tableTextInactive.

See here: https://github.com/actualbudget/actual/issues/6607#issuecomment-3923497037

I'm not sure how to do that. Do I add "tableTextInactive" to a field somewhere?

<!-- gh-comment-id:4106440373 --> @j67nn5s67s-afk commented on GitHub (Mar 22, 2026): > You can add a custom color to those transaction with the variable tableTextInactive. > > See here: https://github.com/actualbudget/actual/issues/6607#issuecomment-3923497037 I'm not sure how to do that. Do I add "tableTextInactive" to a field somewhere?
GiteaMirror commented 2026-04-14 20:09:59 -05:00
Author
Owner
Copy Link

@Juulz commented on GitHub (Mar 23, 2026):

I'm not sure how to do that.

Set your theme to the Light theme. Then click on custom theme and paste the following in the box labeled "or paste CSS directly:"

:root {
--color-tableTextInactive: #2d56d2;
}

This will turn your upcoming transactions to blue (#2d56d2). Use a different color code for a different color. Starting with the next release, you can do this to modify any of the custom themes, but for now, you can only modify the internal themes.

Image
<!-- gh-comment-id:4109967296 --> @Juulz commented on GitHub (Mar 23, 2026): > I'm not sure how to do that. Set your theme to the Light theme. Then click on custom theme and paste the following in the box labeled "or paste CSS directly:" ``` :root { --color-tableTextInactive: #2d56d2; } ``` This will turn your upcoming transactions to blue (#2d56d2). Use a different color code for a different color. Starting with the next release, you can do this to modify any of the custom themes, but for now, you can only modify the internal themes. <img width="975" height="159" alt="Image" src="https://github.com/user-attachments/assets/4e40789c-5d77-460c-88ae-9c9621ebda88" />
GiteaMirror commented 2026-04-14 20:09:59 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 23, 2026):

My only choices are
Light, Dark, Midnight & System Default
I do not have a Custom Theme Setting

<!-- gh-comment-id:4110083409 --> @j67nn5s67s-afk commented on GitHub (Mar 23, 2026): My only choices are Light, Dark, Midnight & System Default I do not have a Custom Theme Setting
GiteaMirror commented 2026-04-14 20:09:59 -05:00
Author
Owner
Copy Link

@Juulz commented on GitHub (Mar 23, 2026):

I do not have a Custom Theme Setting

You will need to turn them on. In Settings, click on "Show advanced settings" then in the Experimental features box, click on "I understand the risks, show experimental features", then click the box next to "Custom themes". Then follow the instructions above.

<!-- gh-comment-id:4110118830 --> @Juulz commented on GitHub (Mar 23, 2026): > I do not have a Custom Theme Setting You will need to turn them on. In Settings, click on "Show advanced settings" then in the Experimental features box, click on "I understand the risks, show experimental features", then click the box next to "Custom themes". Then follow the instructions above.
GiteaMirror commented 2026-04-14 20:09:59 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 23, 2026):

Perfect, thank you!

<!-- gh-comment-id:4110609859 --> @j67nn5s67s-afk commented on GitHub (Mar 23, 2026): Perfect, thank you!
GiteaMirror commented 2026-04-14 20:10:00 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 23, 2026):

Is it possible to make the (posted) split transactions to use all black letters? The parent line's payee and category are gray, and I would like them to be black also

<!-- gh-comment-id:4110687736 --> @j67nn5s67s-afk commented on GitHub (Mar 23, 2026): Is it possible to make the (posted) split transactions to use all black letters? The parent line's payee and category are gray, and I would like them to be black also
GiteaMirror commented 2026-04-14 20:10:00 -05:00
Author
Owner
Copy Link

@Juulz commented on GitHub (Mar 23, 2026):

Is it possible to make the (posted) split transactions to use all black letters? The parent line's payee and category are gray, and I would like them to be black also

That is a little bit tricky as it uses a more global color variable, pageTextSubdued.
You can add a line right under with the color, but you will find that it propagates to many parts of the software.

:root {
--color-tableTextInactive: #2d56d2;
--color-pageTextSubdued: #000000;
}

I like to use a desaturated brown, like #9e662e

<!-- gh-comment-id:4110784031 --> @Juulz commented on GitHub (Mar 23, 2026): > Is it possible to make the (posted) split transactions to use all black letters? The parent line's payee and category are gray, and I would like them to be black also That is a little bit tricky as it uses a more global color variable, pageTextSubdued. You can add a line right under with the color, but you will find that it propagates to many parts of the software. :root { --color-tableTextInactive: #2d56d2; --color-pageTextSubdued: #000000; } I like to use a desaturated brown, like #9e662e
GiteaMirror commented 2026-04-14 20:10:01 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 23, 2026):

I think that works great. So when you say global, you're just saying that even the upcoming split transactions will also have black letters, correct? That's the only thing I noticed

<!-- gh-comment-id:4110916932 --> @j67nn5s67s-afk commented on GitHub (Mar 23, 2026): I think that works great. So when you say global, you're just saying that even the upcoming split transactions will also have black letters, correct? That's the only thing I noticed
GiteaMirror commented 2026-04-14 20:10:01 -05:00
Author
Owner
Copy Link

@Juulz commented on GitHub (Mar 23, 2026):

That's the only thing I noticed

I think you'll find it here and there on the budget page and in some of the buttons. If you really want to notice where it is used, change it to some really bold neon color like fuschia. 😀

<!-- gh-comment-id:4111400467 --> @Juulz commented on GitHub (Mar 23, 2026): > That's the only thing I noticed I think you'll find it here and there on the budget page and in some of the buttons. If you really want to notice where it is used, change it to some really bold neon color like fuschia. 😀
GiteaMirror commented 2026-04-14 20:10:01 -05:00
Author
Owner
Copy Link

@j67nn5s67s-afk commented on GitHub (Mar 23, 2026):

Thank you so much, you've been super helpful!

<!-- gh-comment-id:4111587195 --> @j67nn5s67s-afk commented on GitHub (Mar 23, 2026): Thank you so much, you've been super helpful!
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
AI generated
API
bank sync
budgeting
bug
can’t replicate
dependencies
docker
documentation
electron
experimental feature
feature
feedback
goal templates
good first issue
help wanted
importers
maintenance
needs info
needs testing
needs triage
needs votes
openid
payees
pull-request
Mirrored from GitHub Pull Request
 regression
reports
responsive
rules
schedules
server
✨ merged
split transactions
tech debt
theme
transaction import
transaction reconciliation
transactions
translations
upstream
user interface
✅ approved
wontfix
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#17261
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?