[PR #6820] [MERGED] Use consistent color variables on Budget Page. #13813

Closed
opened 2026-04-10 22:03:39 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6820
Author: @Juulz
Created: 1/30/2026
Status: Merged
Merged: 2/4/2026
Merged by: @matt-fidd

Base: masterHead: budget-sidebar


📝 Commits (10+)

  • f6c8cec Change color of budget table scrollbar.
  • c0d951c Update budget sidebar to use budget colors.
  • 931f540 Update fontWeight for 'Category' to match rest of table
  • a4d9574 Update to use budget background
  • f68250e Update ExpenseGroup to use budget color
  • 64a9233 Update IncomeGroup to use budget color
  • 1dac3d4 Update SidebarCategory colors
  • 865516f Update SidebarGroup background to budget color
  • e299559 Update EnvelopeBudgetComponents
  • 6cd2e91 Update BudgetTotals.tsx

📊 Changes

21 files changed (+56 additions, -45 deletions)

View changed files

📝 packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--0ba04-nt-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--1ce6d-nt-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png (+0 -0)
📝 packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--f224f-nt-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png (+0 -0)
📝 packages/desktop-client/src/components/budget/BudgetCategories.tsx (+4 -4)
📝 packages/desktop-client/src/components/budget/BudgetTable.tsx (+2 -1)
📝 packages/desktop-client/src/components/budget/BudgetTotals.tsx (+3 -3)
📝 packages/desktop-client/src/components/budget/ExpenseCategory.tsx (+1 -1)
📝 packages/desktop-client/src/components/budget/ExpenseGroup.tsx (+1 -1)
📝 packages/desktop-client/src/components/budget/IncomeGroup.tsx (+1 -1)
📝 packages/desktop-client/src/components/budget/MonthPicker.tsx (+2 -2)
📝 packages/desktop-client/src/components/budget/SidebarCategory.tsx (+2 -2)
📝 packages/desktop-client/src/components/budget/SidebarGroup.tsx (+1 -1)
📝 packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx (+6 -3)
📝 packages/desktop-client/src/components/budget/envelope/budgetsummary/BudgetSummary.tsx (+4 -4)
📝 packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx (+12 -11)
📝 packages/desktop-client/src/components/budget/tracking/budgetsummary/BudgetSummary.tsx (+3 -3)
📝 packages/desktop-client/src/components/budget/tracking/budgetsummary/BudgetTotal.tsx (+1 -1)
📝 packages/desktop-client/src/components/budget/tracking/budgetsummary/ExpenseProgress.tsx (+2 -2)
📝 packages/desktop-client/src/components/budget/tracking/budgetsummary/IncomeProgress.tsx (+2 -2)
📝 packages/desktop-client/src/components/budget/tracking/budgetsummary/Saved.tsx (+3 -3)

...and 1 more files

📄 Description

Use consistent color variables for desktop budget pages, both envelope and tracking.


Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 28 14.46 MB → 14.46 MB (+388 B) +0.00%
loot-core 1 5.84 MB 0%
api 1 4.38 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
28 14.46 MB → 14.46 MB (+388 B) +0.00%
Changeset
File Δ Size
src/components/budget/tracking/budgetsummary/IncomeProgress.tsx 📈 +7 B (+0.61%) 1.12 kB → 1.12 kB
src/components/budget/tracking/budgetsummary/Saved.tsx 📈 +29 B (+0.56%) 5.06 kB → 5.09 kB
src/components/budget/tracking/budgetsummary/ExpenseProgress.tsx 📈 +7 B (+0.55%) 1.25 kB → 1.25 kB
src/components/budget/envelope/EnvelopeBudgetComponents.tsx 📈 +142 B (+0.46%) 30.01 kB → 30.15 kB
src/components/budget/tracking/TrackingBudgetComponents.tsx 📈 +81 B (+0.41%) 19.46 kB → 19.53 kB
src/components/budget/MonthPicker.tsx 📈 +14 B (+0.15%) 9.13 kB → 9.14 kB
src/components/budget/BudgetTotals.tsx 📈 +7 B (+0.08%) 8.21 kB → 8.22 kB
locale/pt-BR.json 📈 +112 B (+0.07%) 146.35 kB → 146.46 kB
src/components/budget/ExpenseCategory.tsx 📈 +3 B (+0.07%) 4.04 kB → 4.04 kB
src/components/budget/BudgetCategories.tsx 📈 +9 B (+0.07%) 12.87 kB → 12.88 kB
src/components/budget/envelope/budgetsummary/BudgetSummary.tsx 📈 +1 B (+0.01%) 12.09 kB → 12.09 kB
src/components/budget/tracking/budgetsummary/BudgetSummary.tsx 📉 -2 B (-0.02%) 11.36 kB → 11.35 kB
src/components/budget/BudgetTable.tsx 📉 -6 B (-0.05%) 11.04 kB → 11.03 kB
src/components/budget/tracking/budgetsummary/BudgetTotal.tsx 📉 -2 B (-0.07%) 2.83 kB → 2.83 kB
src/components/budget/SidebarCategory.tsx 📉 -14 B (-0.14%) 10.09 kB → 10.08 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/index.js 9.22 MB → 9.22 MB (+276 B) +0.00%
static/js/pt-BR.js 146.35 kB → 146.46 kB (+112 B) +0.07%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/indexeddb-main-thread-worker-e59fee74.js 12.94 kB 0%
static/js/workbox-window.prod.es5.js 5.64 kB 0%
static/js/da.js 106.62 kB 0%
static/js/de.js 177.78 kB 0%
static/js/en-GB.js 7.18 kB 0%
static/js/en.js 162.91 kB 0%
static/js/es.js 171.21 kB 0%
static/js/fr.js 179.72 kB 0%
static/js/it.js 171.54 kB 0%
static/js/nb-NO.js 157.23 kB 0%
static/js/nl.js 103.82 kB 0%
static/js/pl.js 88.64 kB 0%
static/js/ru.js 106.97 kB 0%
static/js/sv.js 78.2 kB 0%
static/js/th.js 182.35 kB 0%
static/js/uk.js 215.11 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 120.54 kB 0%
static/js/ReportRouter.js 1.11 MB 0%
static/js/narrow.js 641.19 kB 0%
static/js/TransactionList.js 105.97 kB 0%
static/js/wide.js 160.07 kB 0%
static/js/AppliedFilters.js 9.71 kB 0%
static/js/usePayeeRuleCounts.js 11.79 kB 0%
static/js/useTransactionBatchActions.js 13.23 kB 0%
static/js/FormulaEditor.js 1.04 MB 0%

loot-core

Total

Files count Total bundle size % Changed
1 5.84 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.DE5uAdQe.js 5.84 MB 0%

api

Total

Files count Total bundle size % Changed
1 4.38 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
bundle.api.js 4.38 MB 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/6820 **Author:** [@Juulz](https://github.com/Juulz) **Created:** 1/30/2026 **Status:** ✅ Merged **Merged:** 2/4/2026 **Merged by:** [@matt-fidd](https://github.com/matt-fidd) **Base:** `master` ← **Head:** `budget-sidebar` --- ### 📝 Commits (10+) - [`f6c8cec`](https://github.com/actualbudget/actual/commit/f6c8cec016b415c33ee4863184118025def12d51) Change color of budget table scrollbar. - [`c0d951c`](https://github.com/actualbudget/actual/commit/c0d951c78a49ae57c9d4c02da7c069578ef3d046) Update budget sidebar to use budget colors. - [`931f540`](https://github.com/actualbudget/actual/commit/931f540552312f78392e5e986f69434c7d50ae9a) Update fontWeight for 'Category' to match rest of table - [`a4d9574`](https://github.com/actualbudget/actual/commit/a4d957461e3c642e96777b33080e2f5eb136692a) Update to use budget background - [`f68250e`](https://github.com/actualbudget/actual/commit/f68250e5beefe00464961f874f7fe2383d63fcd8) Update ExpenseGroup to use budget color - [`64a9233`](https://github.com/actualbudget/actual/commit/64a92338b2b5411aa8ed181912afe9d2821cf5f2) Update IncomeGroup to use budget color - [`1dac3d4`](https://github.com/actualbudget/actual/commit/1dac3d4c2d30ecfe1d04b9448255e622da1c5d61) Update SidebarCategory colors - [`865516f`](https://github.com/actualbudget/actual/commit/865516fc143422a4f3f62798f002f89c672d15e5) Update SidebarGroup background to budget color - [`e299559`](https://github.com/actualbudget/actual/commit/e299559d524c6872d294ea4c305128d130e83343) Update EnvelopeBudgetComponents - [`6cd2e91`](https://github.com/actualbudget/actual/commit/6cd2e9169b5f2df4ee2958f14134c6740fcdddc4) Update BudgetTotals.tsx ### 📊 Changes **21 files changed** (+56 additions, -45 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--0ba04-nt-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--1ce6d-nt-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/e2e/budget.mobile.test.ts-snapshots/Mobile-Budget-Tracking-checks-that-clicking--f224f-nt-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png` (+0 -0) 📝 `packages/desktop-client/src/components/budget/BudgetCategories.tsx` (+4 -4) 📝 `packages/desktop-client/src/components/budget/BudgetTable.tsx` (+2 -1) 📝 `packages/desktop-client/src/components/budget/BudgetTotals.tsx` (+3 -3) 📝 `packages/desktop-client/src/components/budget/ExpenseCategory.tsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/ExpenseGroup.tsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/IncomeGroup.tsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/MonthPicker.tsx` (+2 -2) 📝 `packages/desktop-client/src/components/budget/SidebarCategory.tsx` (+2 -2) 📝 `packages/desktop-client/src/components/budget/SidebarGroup.tsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/envelope/EnvelopeBudgetComponents.tsx` (+6 -3) 📝 `packages/desktop-client/src/components/budget/envelope/budgetsummary/BudgetSummary.tsx` (+4 -4) 📝 `packages/desktop-client/src/components/budget/tracking/TrackingBudgetComponents.tsx` (+12 -11) 📝 `packages/desktop-client/src/components/budget/tracking/budgetsummary/BudgetSummary.tsx` (+3 -3) 📝 `packages/desktop-client/src/components/budget/tracking/budgetsummary/BudgetTotal.tsx` (+1 -1) 📝 `packages/desktop-client/src/components/budget/tracking/budgetsummary/ExpenseProgress.tsx` (+2 -2) 📝 `packages/desktop-client/src/components/budget/tracking/budgetsummary/IncomeProgress.tsx` (+2 -2) 📝 `packages/desktop-client/src/components/budget/tracking/budgetsummary/Saved.tsx` (+3 -3) _...and 1 more files_ </details> ### 📄 Description Use consistent color variables for desktop budget pages, both envelope and tracking. <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 28 | 14.46 MB → 14.46 MB (+388 B) | +0.00% loot-core | 1 | 5.84 MB | 0% api | 1 | 4.38 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 28 | 14.46 MB → 14.46 MB (+388 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/budget/tracking/budgetsummary/IncomeProgress.tsx` | 📈 +7 B (+0.61%) | 1.12 kB → 1.12 kB `src/components/budget/tracking/budgetsummary/Saved.tsx` | 📈 +29 B (+0.56%) | 5.06 kB → 5.09 kB `src/components/budget/tracking/budgetsummary/ExpenseProgress.tsx` | 📈 +7 B (+0.55%) | 1.25 kB → 1.25 kB `src/components/budget/envelope/EnvelopeBudgetComponents.tsx` | 📈 +142 B (+0.46%) | 30.01 kB → 30.15 kB `src/components/budget/tracking/TrackingBudgetComponents.tsx` | 📈 +81 B (+0.41%) | 19.46 kB → 19.53 kB `src/components/budget/MonthPicker.tsx` | 📈 +14 B (+0.15%) | 9.13 kB → 9.14 kB `src/components/budget/BudgetTotals.tsx` | 📈 +7 B (+0.08%) | 8.21 kB → 8.22 kB `locale/pt-BR.json` | 📈 +112 B (+0.07%) | 146.35 kB → 146.46 kB `src/components/budget/ExpenseCategory.tsx` | 📈 +3 B (+0.07%) | 4.04 kB → 4.04 kB `src/components/budget/BudgetCategories.tsx` | 📈 +9 B (+0.07%) | 12.87 kB → 12.88 kB `src/components/budget/envelope/budgetsummary/BudgetSummary.tsx` | 📈 +1 B (+0.01%) | 12.09 kB → 12.09 kB `src/components/budget/tracking/budgetsummary/BudgetSummary.tsx` | 📉 -2 B (-0.02%) | 11.36 kB → 11.35 kB `src/components/budget/BudgetTable.tsx` | 📉 -6 B (-0.05%) | 11.04 kB → 11.03 kB `src/components/budget/tracking/budgetsummary/BudgetTotal.tsx` | 📉 -2 B (-0.07%) | 2.83 kB → 2.83 kB `src/components/budget/SidebarCategory.tsx` | 📉 -14 B (-0.14%) | 10.09 kB → 10.08 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/index.js | 9.22 MB → 9.22 MB (+276 B) | +0.00% static/js/pt-BR.js | 146.35 kB → 146.46 kB (+112 B) | +0.07% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/indexeddb-main-thread-worker-e59fee74.js | 12.94 kB | 0% static/js/workbox-window.prod.es5.js | 5.64 kB | 0% static/js/da.js | 106.62 kB | 0% static/js/de.js | 177.78 kB | 0% static/js/en-GB.js | 7.18 kB | 0% static/js/en.js | 162.91 kB | 0% static/js/es.js | 171.21 kB | 0% static/js/fr.js | 179.72 kB | 0% static/js/it.js | 171.54 kB | 0% static/js/nb-NO.js | 157.23 kB | 0% static/js/nl.js | 103.82 kB | 0% static/js/pl.js | 88.64 kB | 0% static/js/ru.js | 106.97 kB | 0% static/js/sv.js | 78.2 kB | 0% static/js/th.js | 182.35 kB | 0% static/js/uk.js | 215.11 kB | 0% static/js/resize-observer.js | 18.37 kB | 0% static/js/BackgroundImage.js | 120.54 kB | 0% static/js/ReportRouter.js | 1.11 MB | 0% static/js/narrow.js | 641.19 kB | 0% static/js/TransactionList.js | 105.97 kB | 0% static/js/wide.js | 160.07 kB | 0% static/js/AppliedFilters.js | 9.71 kB | 0% static/js/usePayeeRuleCounts.js | 11.79 kB | 0% static/js/useTransactionBatchActions.js | 13.23 kB | 0% static/js/FormulaEditor.js | 1.04 MB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 5.84 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.DE5uAdQe.js | 5.84 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.38 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 ----- | --------- | --------- bundle.api.js | 4.38 MB | 0% </div> </details> </details> <!--- bundlestats-action-comment key:combined end ---> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-10 22:03:39 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#13813