[PR #7841] [AI] Add alternating colors to the TransactionsTable #85109

New Issue

Open

opened 2026-05-19 10:28:12 -05:00 by GiteaMirror · 0 comments

GiteaMirror commented 2026-05-19 10:28:12 -05:00

Owner

Copy Link

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7841
Author: @mnil
Created: 5/14/2026
Status: 🔄 Open

Base: master ← Head: mnil/alternating-transactions-colors

---

📝 Commits (1)

• 7be2bff [AI] Add alternating colors to the TransactionsTable

📊 Changes

9 files changed (+44 additions, -9 deletions)

View changed files

📝 packages/component-library/src/theme.ts (+2 -0)
📝 packages/component-library/src/themes/dark.css (+1 -0)
📝 packages/component-library/src/themes/light.css (+1 -0)
📝 packages/component-library/src/themes/midnight.css (+1 -0)
📝 packages/desktop-client/src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx (+2 -1)
📝 packages/desktop-client/src/components/modals/ImportTransactionsModal/Transaction.tsx (+6 -1)
📝 packages/desktop-client/src/components/transactions/SimpleTransactionsTable.tsx (+17 -5)
📝 packages/desktop-client/src/components/transactions/TransactionsTable.tsx (+8 -2)
➕ upcoming-release-notes/7841.md (+6 -0)

📄 Description

Description

This PR addresses some comments from the discord where people where saying the transaction table were hard to read due to missing alternating colors.

Related issue(s)

n/a

Testing

Tested on my local linux instance.

Checklist

• Release notes added (see link above)
• No obvious regressions in affected areas
• Self-review has been performed - I understand what each change in the code does and why it is needed

Bundle Stats

Bundle	Files count	Total bundle size	% Changed
desktop-client	33	14 MB → 14 MB (+1.71 kB)	+0.01%
loot-core	1	5.34 MB	0%
api	2	3.96 MB	0%
cli	1	7.97 MB	0%
crdt	1	11.12 kB	0%

View detailed bundle stats

desktop-client

Total

Files count	Total bundle size	% Changed
33	14 MB → 14 MB (+1.71 kB)	+0.01%

Changeset

File	Δ	Size
src/components/transactions/SimpleTransactionsTable.tsx	📈 +152 B (+1.71%)	8.67 kB → 8.82 kB
src/components/modals/ImportTransactionsModal/Transaction.tsx	📈 +149 B (+1.24%)	11.71 kB → 11.85 kB
home/runner/work/actual/actual/packages/component-library/src/theme.ts	📈 +104 B (+0.83%)	12.17 kB → 12.27 kB
home/runner/work/actual/actual/packages/component-library/src/themes/dark.css?inline	📈 +70 B (+0.55%)	12.51 kB → 12.58 kB
home/runner/work/actual/actual/packages/component-library/src/themes/light.css?inline	📈 +70 B (+0.55%)	12.53 kB → 12.6 kB
home/runner/work/actual/actual/packages/component-library/src/themes/midnight.css?inline	📈 +70 B (+0.54%)	12.65 kB → 12.71 kB
locale/en.json	📈 +1.05 kB (+0.54%)	195.88 kB → 196.93 kB
src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx	📈 +38 B (+0.12%)	31.93 kB → 31.96 kB
src/components/transactions/TransactionsTable.tsx	📈 +90 B (+0.10%)	90.12 kB → 90.21 kB
locale/uk.json	📉 -68 B (-0.03%)	207.45 kB → 207.38 kB

View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset	File Size	% Changed
static/js/en.js	195.88 kB → 196.93 kB (+1.05 kB)	+0.54%
static/js/Value.js	5.08 MB → 5.08 MB (+242 B)	+0.00%
static/js/extends.js	500.36 kB → 500.57 kB (+210 B)	+0.04%
static/js/index.js	2.02 MB → 2.02 MB (+187 B)	+0.01%
static/js/theme.js	31.67 kB → 31.77 kB (+104 B)	+0.32%

Smaller

Asset	File Size	% Changed
static/js/uk.js	207.45 kB → 207.38 kB (-68 B)	-0.03%

Unchanged

Asset	File Size	% Changed
static/js/BackgroundImage.js	121.09 kB	0%
static/js/FormulaEditor.js	962.55 kB	0%
static/js/ReportRouter.js	1.25 MB	0%
static/js/ScheduleEditForm.js	146.45 kB	0%
static/js/TransactionEdit.js	86.89 kB	0%
static/js/TransactionList.js	85.81 kB	0%
static/js/bankSyncUtils.js	54.15 kB	0%
static/js/ca.js	187.62 kB	0%
static/js/chart-theme.js	800.08 kB	0%
static/js/client.js	451.37 kB	0%
static/js/da.js	101.17 kB	0%
static/js/de.js	170.27 kB	0%
static/js/en-GB.js	10.01 kB	0%
static/js/es.js	178.71 kB	0%
static/js/fr.js	178.61 kB	0%
static/js/indexeddb-main-thread-worker-e59fee74.js	13.46 kB	0%
static/js/it.js	165.02 kB	0%
static/js/narrow.js	364.2 kB	0%
static/js/nb-NO.js	148.08 kB	0%
static/js/nl.js	106.24 kB	0%
static/js/pt-BR.js	189.28 kB	0%
static/js/resize-observer.js	18.06 kB	0%
static/js/th.js	174.48 kB	0%
static/js/useFormatList.js	4.96 kB	0%
static/js/wide.js	453 B	0%
static/js/workbox-window.prod.es5.js	7.33 kB	0%
static/js/zh-Hans.js	117.65 kB	0%

---

loot-core

Total

Files count	Total bundle size	% Changed
1	5.34 MB	0%

View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset	File Size	% Changed
kcab.worker.BkJq0HmC.js	5.34 MB	0%

---

api

Total

Files count	Total bundle size	% Changed
2	3.96 MB	0%

View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset	File Size	% Changed
index.js	3.96 MB	0%
models.js	0 B	0%

---

cli

Total

Files count	Total bundle size	% Changed
1	7.97 MB	0%

View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset	File Size	% Changed
cli.js	7.97 MB	0%

---

crdt

Total

Files count	Total bundle size	% Changed
1	11.12 kB	0%

View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged

Asset	File Size	% Changed
index.js	11.12 kB	0%

---

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/actualbudget/actual/pull/7841 **Author:** [@mnil](https://github.com/mnil) **Created:** 5/14/2026 **Status:** 🔄 Open **Base:** `master` ← **Head:** `mnil/alternating-transactions-colors` --- ### 📝 Commits (1) - [`7be2bff`](https://github.com/actualbudget/actual/commit/7be2bffa01db391eca9caf8627e535deb41192cd) [AI] Add alternating colors to the TransactionsTable ### 📊 Changes **9 files changed** (+44 additions, -9 deletions) <details> <summary>View changed files</summary> 📝 `packages/component-library/src/theme.ts` (+2 -0) 📝 `packages/component-library/src/themes/dark.css` (+1 -0) 📝 `packages/component-library/src/themes/light.css` (+1 -0) 📝 `packages/component-library/src/themes/midnight.css` (+1 -0) 📝 `packages/desktop-client/src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx` (+2 -1) 📝 `packages/desktop-client/src/components/modals/ImportTransactionsModal/Transaction.tsx` (+6 -1) 📝 `packages/desktop-client/src/components/transactions/SimpleTransactionsTable.tsx` (+17 -5) 📝 `packages/desktop-client/src/components/transactions/TransactionsTable.tsx` (+8 -2) ➕ `upcoming-release-notes/7841.md` (+6 -0) </details> ### 📄 Description ## Description This PR addresses some comments from the discord where people where saying the transaction table were hard to read due to missing alternating colors. ## Related issue(s) n/a ## Testing Tested on my local linux instance. ## Checklist - [x] Release notes added (see link above) - [x] No obvious regressions in affected areas - [x] Self-review has been performed - I understand what each change in the code does and why it is needed <!--- actual-bot-sections ---> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 33 | 14 MB → 14 MB (+1.71 kB) | +0.01% loot-core | 1 | 5.34 MB | 0% api | 2 | 3.96 MB | 0% cli | 1 | 7.97 MB | 0% crdt | 1 | 11.12 kB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 33 | 14 MB → 14 MB (+1.71 kB) | +0.01% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/transactions/SimpleTransactionsTable.tsx` | 📈 +152 B (+1.71%) | 8.67 kB → 8.82 kB `src/components/modals/ImportTransactionsModal/Transaction.tsx` | 📈 +149 B (+1.24%) | 11.71 kB → 11.85 kB `home/runner/work/actual/actual/packages/component-library/src/theme.ts` | 📈 +104 B (+0.83%) | 12.17 kB → 12.27 kB `home/runner/work/actual/actual/packages/component-library/src/themes/dark.css?inline` | 📈 +70 B (+0.55%) | 12.51 kB → 12.58 kB `home/runner/work/actual/actual/packages/component-library/src/themes/light.css?inline` | 📈 +70 B (+0.55%) | 12.53 kB → 12.6 kB `home/runner/work/actual/actual/packages/component-library/src/themes/midnight.css?inline` | 📈 +70 B (+0.54%) | 12.65 kB → 12.71 kB `locale/en.json` | 📈 +1.05 kB (+0.54%) | 195.88 kB → 196.93 kB `src/components/modals/ImportTransactionsModal/ImportTransactionsModal.tsx` | 📈 +38 B (+0.12%) | 31.93 kB → 31.96 kB `src/components/transactions/TransactionsTable.tsx` | 📈 +90 B (+0.10%) | 90.12 kB → 90.21 kB `locale/uk.json` | 📉 -68 B (-0.03%) | 207.45 kB → 207.38 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** Asset | File Size | % Changed ----- | --------- | --------- static/js/en.js | 195.88 kB → 196.93 kB (+1.05 kB) | +0.54% static/js/Value.js | 5.08 MB → 5.08 MB (+242 B) | +0.00% static/js/extends.js | 500.36 kB → 500.57 kB (+210 B) | +0.04% static/js/index.js | 2.02 MB → 2.02 MB (+187 B) | +0.01% static/js/theme.js | 31.67 kB → 31.77 kB (+104 B) | +0.32% **Smaller** Asset | File Size | % Changed ----- | --------- | --------- static/js/uk.js | 207.45 kB → 207.38 kB (-68 B) | -0.03% **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/BackgroundImage.js | 121.09 kB | 0% static/js/FormulaEditor.js | 962.55 kB | 0% static/js/ReportRouter.js | 1.25 MB | 0% static/js/ScheduleEditForm.js | 146.45 kB | 0% static/js/TransactionEdit.js | 86.89 kB | 0% static/js/TransactionList.js | 85.81 kB | 0% static/js/bankSyncUtils.js | 54.15 kB | 0% static/js/ca.js | 187.62 kB | 0% static/js/chart-theme.js | 800.08 kB | 0% static/js/client.js | 451.37 kB | 0% static/js/da.js | 101.17 kB | 0% static/js/de.js | 170.27 kB | 0% static/js/en-GB.js | 10.01 kB | 0% static/js/es.js | 178.71 kB | 0% static/js/fr.js | 178.61 kB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 13.46 kB | 0% static/js/it.js | 165.02 kB | 0% static/js/narrow.js | 364.2 kB | 0% static/js/nb-NO.js | 148.08 kB | 0% static/js/nl.js | 106.24 kB | 0% static/js/pt-BR.js | 189.28 kB | 0% static/js/resize-observer.js | 18.06 kB | 0% static/js/th.js | 174.48 kB | 0% static/js/useFormatList.js | 4.96 kB | 0% static/js/wide.js | 453 B | 0% static/js/workbox-window.prod.es5.js | 7.33 kB | 0% static/js/zh-Hans.js | 117.65 kB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.34 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.BkJq0HmC.js | 5.34 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 2 | 3.96 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- index.js | 3.96 MB | 0% models.js | 0 B | 0% </div> </details> --- #### cli **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 7.97 MB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- cli.js | 7.97 MB | 0% </div> </details> --- #### crdt **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 11.12 kB | 0% <details> <summary>View detailed bundle breakdown</summary> <div> **Added** No assets were added **Removed** No assets were removed **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- index.js | 11.12 kB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- _{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

GiteaMirror added the pull-request label 2026-05-19 10:28:12 -05:00

Sign in to join this conversation.

No Branch/Tag Specified

Branches Tags

master

release-automation/edge-nightly

7710-bundle-migrations

ai/sync-server-dockerfile-lage-fix

claude/fix-docker-build-error-WMfed

claude/llm-compatible-release-notes-t20Nr

7710-tests-tdd

release

claude/fix-location-permission-prompt-I1mn5

claude/mobile-budget-caching-PQO9n

claude/audit-crdt-versioning-ZYvMV

cursor/transaction-table-rewrite-f077

cursor/formula-feedback-improvements-4223

feature/enable-banking

claude/plan-ci-secure-context-OtEe1

claude/fix-issue-7667-DPXi3

cursor/resolve-pr-7449-ee11

claude/fix-typescript-build-error-JPtZ5

jfdoming/api-tokens-part-3

jfdoming/api-tokens-part-2

jfdoming/api-tokens-part-1

copilot/add-repository-configs-to-packages

worktree-compressed-drifting-ritchie

worktree-mellow-strolling-dawn

matiss/browser-api

claude/api-consumer-verification-kfz1K

pr-7454

claude/fix-issue-7410-LLLQ4

revert-7350-trim-deps

revert-7220-sankey-report

revert-7242-fix/split-parent-update-corruption

revert-7281-generate-icons

claude/electron-to-tauri-migration-LjBN8

worktree-remotion

claude/browser-compatible-api-QbhHh

claude/improve-cli-transactions-waTUY

claude/publish-react-native-ios-j8qoT

js-proxy

claude/fix-flaky-ci-job-5gDdz

react-query-rules

react-query-useSchedules

claude/nightly-theme-validation-scan-DzOGD

claude/debug-simplefin-error-ZuKzB

matiss/desktop-client-subpath-imports

claude/fix-simplefin-ssrf-T31gX

add-claude-github-actions-1772738270730

cursor/sync-performance-notification-9899

react-query-prefs

matiss/chunked-sync-and-progress-ux

v26.2.1

copilot/sub-pr-6880

fix-react-query-clear-on-close-budget

copilot/sub-pr-6140

feat/auto-note

feat/scoped-bank-sync

cursor/desktop-transactions-react-table-1d0c

fix-exhaustive-deps-App

copilot/fix-find-replace-bug

matiss/browser-tests

mobile-fix-drag-and-drop-across-groups

budget-table-v2

PayeeAutocomplete2

pglite

bugfix/plugins/fix-plugins-sw

feat/plugins/plugins-core-package

matiss/unicode-minus-fix

cursor/fix-actual-github-issue-6206-gemini-3-pro-preview-9c37

TransactionFormPage

cursor/implement-mortgage-and-loan-account-type-78ca

tests-update-fill-with-pressSequentially

mobile/link-modal

cursor/fix-update-vrt-apply-ci-job-dispatch-b324

sync-server-plugins

cursor/propose-patch-for-github-issue-5680-2a18

fix/compiler-preserve-inner-dollar-escapes

cursor/analyze-actual-budget-issue-and-propose-fix-5b70

coderabbitai/docstrings/0c070e5

cursor/add-wip-prefix-and-comment-to-prs-d78d

jfdoming/08-21-auto-focus-on-navigate-in-all-browsers

show-totals-on-mobile-budget-banners

allow-child-transactions-make-transfer

mobile-calculator-keyboard

payee-geolocation

enhance/restore_scroll_position

dm-fix-second-click-on-mobile-new-transaction-2

scrollToLocationBudget

alert-autofix-38

tsconfig-composite

mobile-fix-uncategorized-transactions-on-tracking-budgets

server-budget-handlers

fix-sql-injection-in-cleanup-template

non-chrome-draggable-workaround

mobile-budget-page-swipe-navigation

ts-db-all

dark-theme-with-brand-colors

fix-mobile-delete-group

ts-db-select

master-before-server-merge

ts-runQuery

rename-redux-hooks

UnderKoen/3557-persist-state-in-history

remove-redux-CLOSE_BUDGET

fix-exhaustive-deps-errors-FinancesApp

redux-toolkit-createSlice-backup

accounts-function-component

ts-useSplitsExpanded

loot-core-server-package

useTransactios-in-TransactionEdit

react-aria-input

move-redux-to-desktop-client

QueryState-type

fix-themes-applied-late

mobile-vrts

revert-3295-spendingCardFix

react-aria-button-4

split-payee-on-mobile

twk3/pin-apis-crdt

notes-tag-autocomplete

ts-LoadBackup

dnd-kit

package-upgrades

v26.5.2

v26.5.1

v26.5.0

v26.4.0

v26.3.0

v26.2.1

v26.2.0

v26.1.0

v25.12.0

v25.11.0

v25.10.0

v25.9.0

v25.8.0

v25.7.1

v25.7.0

v25.6.1

v25.6.0

v25.5.0

v25.4.0

v25.3.1

v25.3.0

v25.2.1

v25.2.0

v25.1.0

v24.12.0

v24.11.0

v24.10.1

v24.10.0

v24.9.0

v24.8.0

v24.7.0

v24.6.0

v24.5.0

v24.4.0

v24.3.0

v24.2.0

v24.1.0

v23.12.0

v23.11.0

v23.10.0

v23.9.0

v23.8.1

v23.8.0

v23.7.2

v23.7.1

v23.7.0

v23.6.0

v23.5.0

v23.4.2

v23.4.1

v23.4.0

v23.3.2

v23.3.0

v23.2.9

v23.2.5

v23.1.12

v22.12.9

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 pull-request

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

GiteaMirror ninjasurge

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/actual#85109