[PR #6722] [MERGED] Replace theme screenshots with color palette preview #48513

New Issue

GiteaMirror · 2026-04-26T10:26:19-05:00

GiteaMirror commented

2026-04-26 10:26:19 -05:00

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/6722
Author: @MatissJanis
Created: 1/19/2026
Status: ✅ Merged
Merged: 1/20/2026
Merged by: @MatissJanis

Base: master ← Head: matiss/replace-theme-screenshots-with-color-palette

📝 Commits (4)

4e6f630 Replace theme screenshots with color palette preview
89ed7de Update ColorPalette component to use data-swatch attribute for color swatches in ThemeInstaller tests
4c73563 Update packages/desktop-client/src/data/customThemeCatalog.json
f70945f Update color palettes for Simple Dark and Okabe Ito themes

📊 Changes

9 files changed (+99 additions, -61 deletions)

View changed files

➕ packages/desktop-client/src/components/settings/ColorPalette.tsx (+30 -0)
📝 packages/desktop-client/src/components/settings/ThemeInstaller.test.tsx (+33 -13)
📝 packages/desktop-client/src/components/settings/ThemeInstaller.tsx (+3 -11)
📝 packages/desktop-client/src/data/customThemeCatalog.json (+14 -11)
📝 packages/desktop-client/src/hooks/useThemeCatalog.ts (+1 -2)
📝 packages/desktop-client/src/style/customThemes.ts (+1 -18)
📝 packages/desktop-client/vite.config.mts (+1 -0)
📝 packages/docs/docs/experimental/custom-themes.md (+10 -6)
➕ upcoming-release-notes/6722.md (+6 -0)

📄 Description

Bundle Stats

Bundle	Files count	Total bundle size	% Changed
desktop-client	28	14.4 MB → 14.4 MB (+497 B)	+0.00%
loot-core	1	5.83 MB	0%
api	1	4.37 MB	0%

View detailed bundle stats

desktop-client

Total

Files count	Total bundle size	% Changed
28	14.4 MB → 14.4 MB (+497 B)	+0.00%

Changeset

File	Δ	Size
`src/components/settings/ColorPalette.tsx`	🆕 +1.05 kB	0 B → 1.05 kB
`src/hooks/useThemeCatalog.ts`	📈 +39 B (+3.58%)	1.06 kB → 1.1 kB
`src/hooks/useFailedAccounts.ts`	📈 +2 B (+0.55%)	365 B → 367 B
`src/components/settings/ThemeInstaller.tsx`	📉 -173 B (-1.63%)	10.39 kB → 10.22 kB
`src/style/customThemes.ts`	📉 -443 B (-7.04%)	6.15 kB → 5.71 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.24 MB → 9.24 MB (+497 B)	+0.01%

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	107.03 kB	0%
static/js/de.js	172.31 kB	0%
static/js/en-GB.js	7.24 kB	0%
static/js/en.js	159.21 kB	0%
static/js/es.js	173.04 kB	0%
static/js/fr.js	178.56 kB	0%
static/js/it.js	173.46 kB	0%
static/js/nb-NO.js	158.85 kB	0%
static/js/nl.js	103.57 kB	0%
static/js/pl.js	88.78 kB	0%
static/js/pt-BR.js	147.31 kB	0%
static/js/ru.js	108.05 kB	0%
static/js/sv.js	78.42 kB	0%
static/js/th.js	182.7 kB	0%
static/js/uk.js	217.6 kB	0%
static/js/resize-observer.js	18.37 kB	0%
static/js/BackgroundImage.js	120.54 kB	0%
static/js/ReportRouter.js	1.05 MB	0%
static/js/narrow.js	640.93 kB	0%
static/js/TransactionList.js	101.58 kB	0%
static/js/wide.js	159.96 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.83 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.B3_-Z7dv.js	5.83 MB	0%

api

Total

Files count	Total bundle size	% Changed
1	4.37 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.37 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/6722 **Author:** [@MatissJanis](https://github.com/MatissJanis) **Created:** 1/19/2026 **Status:** ✅ Merged **Merged:** 1/20/2026 **Merged by:** [@MatissJanis](https://github.com/MatissJanis) **Base:** `master` ← **Head:** `matiss/replace-theme-screenshots-with-color-palette` --- ### 📝 Commits (4) - [`4e6f630`](https://github.com/actualbudget/actual/commit/4e6f63080201e32184b00e4beca42df91c111bd2) Replace theme screenshots with color palette preview - [`89ed7de`](https://github.com/actualbudget/actual/commit/89ed7de344cec5ce4a66726780185c7fdf8bb0f9) Update ColorPalette component to use data-swatch attribute for color swatches in ThemeInstaller tests - [`4c73563`](https://github.com/actualbudget/actual/commit/4c7356328eafc8f470bc7203b8fc8614d1831379) Update packages/desktop-client/src/data/customThemeCatalog.json - [`f70945f`](https://github.com/actualbudget/actual/commit/f70945f7973ed89a8547d1e60b8ff7ec8268b195) Update color palettes for Simple Dark and Okabe Ito themes ### 📊 Changes **9 files changed** (+99 additions, -61 deletions) <details> <summary>View changed files</summary> ➕ `packages/desktop-client/src/components/settings/ColorPalette.tsx` (+30 -0) 📝 `packages/desktop-client/src/components/settings/ThemeInstaller.test.tsx` (+33 -13) 📝 `packages/desktop-client/src/components/settings/ThemeInstaller.tsx` (+3 -11) 📝 `packages/desktop-client/src/data/customThemeCatalog.json` (+14 -11) 📝 `packages/desktop-client/src/hooks/useThemeCatalog.ts` (+1 -2) 📝 `packages/desktop-client/src/style/customThemes.ts` (+1 -18) 📝 `packages/desktop-client/vite.config.mts` (+1 -0) 📝 `packages/docs/docs/experimental/custom-themes.md` (+10 -6) ➕ `upcoming-release-notes/6722.md` (+6 -0) </details> ### 📄 Description <img width="546" height="480" alt="Screenshot 2026-01-19 at 21 13 30" src="https://github.com/user-attachments/assets/b3b76164-ddc9-426d-9c9e-0ef77a394e66" />  ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 28 | 14.4 MB → 14.4 MB (+497 B) | +0.00% loot-core | 1 | 5.83 MB | 0% api | 1 | 4.37 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 28 | 14.4 MB → 14.4 MB (+497 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/components/settings/ColorPalette.tsx` | 🆕 +1.05 kB | 0 B → 1.05 kB `src/hooks/useThemeCatalog.ts` | 📈 +39 B (+3.58%) | 1.06 kB → 1.1 kB `src/hooks/useFailedAccounts.ts` | 📈 +2 B (+0.55%) | 365 B → 367 B `src/components/settings/ThemeInstaller.tsx` | 📉 -173 B (-1.63%) | 10.39 kB → 10.22 kB `src/style/customThemes.ts` | 📉 -443 B (-7.04%) | 6.15 kB → 5.71 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.24 MB → 9.24 MB (+497 B) | +0.01% **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 | 107.03 kB | 0% static/js/de.js | 172.31 kB | 0% static/js/en-GB.js | 7.24 kB | 0% static/js/en.js | 159.21 kB | 0% static/js/es.js | 173.04 kB | 0% static/js/fr.js | 178.56 kB | 0% static/js/it.js | 173.46 kB | 0% static/js/nb-NO.js | 158.85 kB | 0% static/js/nl.js | 103.57 kB | 0% static/js/pl.js | 88.78 kB | 0% static/js/pt-BR.js | 147.31 kB | 0% static/js/ru.js | 108.05 kB | 0% static/js/sv.js | 78.42 kB | 0% static/js/th.js | 182.7 kB | 0% static/js/uk.js | 217.6 kB | 0% static/js/resize-observer.js | 18.37 kB | 0% static/js/BackgroundImage.js | 120.54 kB | 0% static/js/ReportRouter.js | 1.05 MB | 0% static/js/narrow.js | 640.93 kB | 0% static/js/TransactionList.js | 101.58 kB | 0% static/js/wide.js | 159.96 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.83 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.B3_-Z7dv.js | 5.83 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.37 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.37 MB | 0% </div> </details> </details>  --- <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-26 10:26:19 -05:00

GiteaMirror closed this issue

2026-04-26 10:26:20 -05:00

Sign in to join this conversation.

Branches Tags

master

claude/hide-default-categories-1cwBZ

matiss/crdt-source-loading

youngcw/unlock-duplicates

matiss/crdt-protobuf

release/26.5.0

claude/update-issue-template-ykMNn

claude/fix-issue-7667-DPXi3

cursor/formula-feedback-improvements-4223

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

claude/speed-up-vrt-workflow-ZAyI5

claude/crdt-version-auto-publish-Ph1BH

copilot/add-repository-configs-to-packages

worktree-compressed-drifting-ritchie

worktree-mellow-strolling-dawn

matiss/browser-api

claude/api-consumer-verification-kfz1K

feature/enable-banking

cursor/transaction-table-rewrite-f077

pr-7454

claude/fix-issue-7410-LLLQ4

release/v100.0.0

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

release/vv26.4.0-pre

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

claude/release-notes-validation-X7rvR

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

release/v26.2.0-pre

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

prerelease

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

deps/25.11

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

stable

dark-theme-with-brand-colors

fix-mobile-delete-group

ts-db-select

UnderKoen/reconcile-context-menu

master-before-server-merge

v25.2.1

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

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/actual#48513