Juulz 1fe588c143 🐞 Fix mobile transactions colors - fixes #7042 (#7047) ...

* Update amount styling with theme colors

* Clean up imports in TransactionListItem.tsx

Removed unused import of makeBalanceAmountStyle.

* Add release notes for bugfix in color variables

Fix color variables for mobile transaction list items.

* Change positiveColor in amount to use theme.tableText

* Change negative color style for running balance

* Fix negative color style in TransactionListItem

* Update color styles for transaction amount display

* Update upcoming-release-notes/7047.md

Co-authored-by: Matt Fiddaman <github@m.fiddaman.uk>

* Update VRT screenshots

Auto-generated by VRT workflow

PR: #7047

---------

Co-authored-by: Matt Fiddaman <github@m.fiddaman.uk>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

2026-03-08 15:04:30 +00:00

..

Mobile-Budget-Envelope-applies-budget-template-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-applies-budget-template-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-applies-budget-template-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--4bb70-ed-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--6dbdb-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--7bd8f-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-checks-that-clicking--9e6aa-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--94a79-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--94a85-ed-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking--96ebb-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking--589a6-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-checks-that-clicking--884ac-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-checks-that-clicking--14404-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--bbde3-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--c18ad-l-redirects-to-the-category-transactions-page-1-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Envelope-checks-that-clicking--ceb3a-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--d270d-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--d7184-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--e995e-l-redirects-to-the-category-transactions-page-3-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Envelope-checks-that-clicking--fdd57-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking--ff568-l-redirects-to-the-category-transactions-page-2-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-checks-that-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-copies-last-month-s-budget-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-copies-last-month-s-budget-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-copies-last-month-s-budget-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-set-budget-to-3-month-average-1-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-3-month-average-2-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-3-month-average-3-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-6-month-average-1-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-6-month-average-2-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-6-month-average-3-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-12-month-average-1-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-12-month-average-2-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-set-budget-to-12-month-average-3-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Envelope-updates-the-budgeted-amount-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-updates-the-budgeted-amount-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Envelope-updates-the-budgeted-amount-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-applies-budget-template-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-applies-budget-template-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-applies-budget-template-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--0ba04-nt-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png

Use consistent color variables on Budget Page. (#6820)

2026-02-04 23:26:18 +00:00

Mobile-Budget-Tracking-checks-that-clicking--0dfe7-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--1ce6d-nt-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png

Use consistent color variables on Budget Page. (#6820)

2026-02-04 23:26:18 +00:00

Mobile-Budget-Tracking-checks-that-clicking--5d90c-l-redirects-to-the-category-transactions-page-1-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Tracking-checks-that-clicking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--7c353-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Tracking-checks-that-clicking--49fb6-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--57d88-l-redirects-to-the-category-transactions-page-2-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Tracking-checks-that-clicking--929be-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--11290-l-redirects-to-the-category-transactions-page-3-chromium-linux.png

🐞 Fix mobile transactions colors - fixes #7042 (#7047)

2026-03-08 15:04:30 +00:00

Mobile-Budget-Tracking-checks-that-clicking--42062-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--a8b5e-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--a3783-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--cfb69-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--d5af6-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Tracking-checks-that-clicking--dc927-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--f7fa3-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--f8a19-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking--f224f-nt-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png

Use consistent color variables on Budget Page. (#6820)

2026-02-04 23:26:18 +00:00

Mobile-Budget-Tracking-checks-that-clicking--f2198-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png

chore: migrate from inter-ui to @fontsource-variable/inter (#6436)

2026-01-14 20:36:43 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png

use consistent colours on the budget page (#6747)

2026-01-22 11:58:15 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-checks-that-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-copies-last-month-s-budget-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-copies-last-month-s-budget-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-copies-last-month-s-budget-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-3-month-average-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-3-month-average-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-3-month-average-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-6-month-average-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-6-month-average-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-6-month-average-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-12-month-average-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-12-month-average-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-set-budget-to-12-month-average-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-updates-the-budgeted-amount-1-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-updates-the-budgeted-amount-2-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00

Mobile-Budget-Tracking-updates-the-budgeted-amount-3-chromium-linux.png

apply tabular number styles more consistently (#6661)

2026-01-19 16:39:16 +00:00