[PR #7495] [AI] Persist custom CSS override across theme changes #21569

Open
opened 2026-04-14 22:09:29 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7495
Author: @MatissJanis
Created: 4/13/2026
Status: 🔄 Open

Base: masterHead: worktree-radiant-inventing-pie


📝 Commits (3)

  • 798f29c [AI] Persist custom CSS overrides as a standalone global pref
  • ac68c75 [AI] Address review feedback for custom CSS override installer
  • b8c48cb [AI] Defer auto-mode theme switch and guard stale installer callbacks

📊 Changes

10 files changed (+772 additions, -398 deletions)

View changed files

📝 packages/desktop-client/src/components/settings/ThemeInstaller.test.tsx (+93 -242)
📝 packages/desktop-client/src/components/settings/ThemeInstaller.tsx (+24 -59)
packages/desktop-client/src/components/settings/Themes.test.tsx (+142 -0)
📝 packages/desktop-client/src/components/settings/Themes.tsx (+75 -39)
📝 packages/desktop-client/src/style/customThemes.test.ts (+258 -0)
📝 packages/desktop-client/src/style/customThemes.ts (+79 -19)
📝 packages/desktop-client/src/style/theme.tsx (+87 -39)
📝 packages/loot-core/src/server/preferences/app.ts (+6 -0)
📝 packages/loot-core/src/types/prefs.ts (+2 -0)
upcoming-release-notes/7495.md (+6 -0)

📄 Description

The custom CSS the user can provide in the textbox will now never automatically clear. It will be persisted through theme changes.

Also showing a visual indicator if some custom css is being used.

https://github.com/actualbudget/actual/issues/6607

Screenshot 2026-04-13 at 22 10 18

Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 28 12.91 MB → 12.91 MB (+3.39 kB) +0.03%
loot-core 1 4.84 MB → 4.84 MB (+224 B) +0.00%
api 1 3.88 MB → 3.88 MB (+221 B) +0.01%
cli 1 7.89 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
28 12.91 MB → 12.91 MB (+3.39 kB) +0.03%
Changeset
File Δ Size
src/style/theme.tsx 📈 +2.6 kB (+44.13%) 5.88 kB → 8.48 kB
src/components/settings/Themes.tsx 📈 +1009 B (+14.59%) 6.75 kB → 7.74 kB
src/style/customThemes.ts 📈 +687 B (+5.46%) 12.29 kB → 12.96 kB
src/components/settings/ThemeInstaller.tsx 📉 -888 B (-7.32%) 11.85 kB → 10.98 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
static/js/extends.js 485.17 kB → 488.44 kB (+3.27 kB) +0.67%
static/js/index.js 3.32 MB → 3.32 MB (+121 B) +0.00%

Smaller
No assets were smaller

Unchanged

Asset File Size % Changed
static/js/BackgroundImage.js 121.09 kB 0%
static/js/FormulaEditor.js 853.16 kB 0%
static/js/ReportRouter.js 1.18 MB 0%
static/js/TransactionList.js 82.49 kB 0%
static/js/Value.js 4.33 MB 0%
static/js/ca.js 191.72 kB 0%
static/js/da.js 104.4 kB 0%
static/js/de.js 174.12 kB 0%
static/js/en-GB.js 8.2 kB 0%
static/js/en.js 175.88 kB 0%
static/js/es.js 181.54 kB 0%
static/js/fr.js 176.79 kB 0%
static/js/indexeddb-main-thread-worker-e59fee74.js 13.46 kB 0%
static/js/it.js 165.68 kB 0%
static/js/narrow.js 363.02 kB 0%
static/js/nb-NO.js 151.58 kB 0%
static/js/nl.js 108.66 kB 0%
static/js/pl.js 88.34 kB 0%
static/js/pt-BR.js 177.18 kB 0%
static/js/resize-observer.js 18.06 kB 0%
static/js/th.js 178.91 kB 0%
static/js/theme.js 30.79 kB 0%
static/js/uk.js 212.28 kB 0%
static/js/wide.js 295 B 0%
static/js/workbox-window.prod.es5.js 7.33 kB 0%
static/js/zh-Hans.js 110.19 kB 0%

loot-core

Total

Files count Total bundle size % Changed
1 4.84 MB → 4.84 MB (+224 B) +0.00%
Changeset
File Δ Size
home/runner/work/actual/actual/packages/loot-core/src/server/preferences/app.ts 📈 +224 B (+4.56%) 4.8 kB → 5.02 kB
View detailed bundle breakdown

Added

Asset File Size % Changed
kcab.worker.CrUi5S7Y.js 0 B → 4.84 MB (+4.84 MB) -

Removed

Asset File Size % Changed
kcab.worker.B_XN_qvd.js 4.84 MB → 0 B (-4.84 MB) -100%

Bigger
No assets were bigger

Smaller
No assets were smaller

Unchanged
No assets were unchanged


api

Total

Files count Total bundle size % Changed
1 3.88 MB → 3.88 MB (+221 B) +0.01%
Changeset
File Δ Size
home/runner/work/actual/actual/packages/loot-core/src/server/preferences/app.ts 📈 +221 B (+4.58%) 4.71 kB → 4.93 kB
View detailed bundle breakdown

Added
No assets were added

Removed
No assets were removed

Bigger

Asset File Size % Changed
index.js 3.88 MB → 3.88 MB (+221 B) +0.01%

Smaller
No assets were smaller

Unchanged
No assets were unchanged


cli

Total

Files count Total bundle size % Changed
1 7.89 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.89 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/7495 **Author:** [@MatissJanis](https://github.com/MatissJanis) **Created:** 4/13/2026 **Status:** 🔄 Open **Base:** `master` ← **Head:** `worktree-radiant-inventing-pie` --- ### 📝 Commits (3) - [`798f29c`](https://github.com/actualbudget/actual/commit/798f29c4da2c002d0e6697538dbb5f46283b7d8f) [AI] Persist custom CSS overrides as a standalone global pref - [`ac68c75`](https://github.com/actualbudget/actual/commit/ac68c751619974d7645a386c1c14f21e40b1f03d) [AI] Address review feedback for custom CSS override installer - [`b8c48cb`](https://github.com/actualbudget/actual/commit/b8c48cbe5ec65198a291e00ab38874863bb0a437) [AI] Defer auto-mode theme switch and guard stale installer callbacks ### 📊 Changes **10 files changed** (+772 additions, -398 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/settings/ThemeInstaller.test.tsx` (+93 -242) 📝 `packages/desktop-client/src/components/settings/ThemeInstaller.tsx` (+24 -59) ➕ `packages/desktop-client/src/components/settings/Themes.test.tsx` (+142 -0) 📝 `packages/desktop-client/src/components/settings/Themes.tsx` (+75 -39) 📝 `packages/desktop-client/src/style/customThemes.test.ts` (+258 -0) 📝 `packages/desktop-client/src/style/customThemes.ts` (+79 -19) 📝 `packages/desktop-client/src/style/theme.tsx` (+87 -39) 📝 `packages/loot-core/src/server/preferences/app.ts` (+6 -0) 📝 `packages/loot-core/src/types/prefs.ts` (+2 -0) ➕ `upcoming-release-notes/7495.md` (+6 -0) </details> ### 📄 Description The custom CSS the user can provide in the textbox will now never automatically clear. It will be persisted through theme changes. Also showing a visual indicator if some custom css is being used. https://github.com/actualbudget/actual/issues/6607 <img width="322" height="165" alt="Screenshot 2026-04-13 at 22 10 18" src="https://github.com/user-attachments/assets/7631cc74-32e1-498c-8e4e-190209e582a2" /> <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 28 | 12.91 MB → 12.91 MB (+3.39 kB) | +0.03% loot-core | 1 | 4.84 MB → 4.84 MB (+224 B) | +0.00% api | 1 | 3.88 MB → 3.88 MB (+221 B) | +0.01% cli | 1 | 7.89 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 28 | 12.91 MB → 12.91 MB (+3.39 kB) | +0.03% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/style/theme.tsx` | 📈 +2.6 kB (+44.13%) | 5.88 kB → 8.48 kB `src/components/settings/Themes.tsx` | 📈 +1009 B (+14.59%) | 6.75 kB → 7.74 kB `src/style/customThemes.ts` | 📈 +687 B (+5.46%) | 12.29 kB → 12.96 kB `src/components/settings/ThemeInstaller.tsx` | 📉 -888 B (-7.32%) | 11.85 kB → 10.98 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/extends.js | 485.17 kB → 488.44 kB (+3.27 kB) | +0.67% static/js/index.js | 3.32 MB → 3.32 MB (+121 B) | +0.00% **Smaller** No assets were smaller **Unchanged** Asset | File Size | % Changed ----- | --------- | --------- static/js/BackgroundImage.js | 121.09 kB | 0% static/js/FormulaEditor.js | 853.16 kB | 0% static/js/ReportRouter.js | 1.18 MB | 0% static/js/TransactionList.js | 82.49 kB | 0% static/js/Value.js | 4.33 MB | 0% static/js/ca.js | 191.72 kB | 0% static/js/da.js | 104.4 kB | 0% static/js/de.js | 174.12 kB | 0% static/js/en-GB.js | 8.2 kB | 0% static/js/en.js | 175.88 kB | 0% static/js/es.js | 181.54 kB | 0% static/js/fr.js | 176.79 kB | 0% static/js/indexeddb-main-thread-worker-e59fee74.js | 13.46 kB | 0% static/js/it.js | 165.68 kB | 0% static/js/narrow.js | 363.02 kB | 0% static/js/nb-NO.js | 151.58 kB | 0% static/js/nl.js | 108.66 kB | 0% static/js/pl.js | 88.34 kB | 0% static/js/pt-BR.js | 177.18 kB | 0% static/js/resize-observer.js | 18.06 kB | 0% static/js/th.js | 178.91 kB | 0% static/js/theme.js | 30.79 kB | 0% static/js/uk.js | 212.28 kB | 0% static/js/wide.js | 295 B | 0% static/js/workbox-window.prod.es5.js | 7.33 kB | 0% static/js/zh-Hans.js | 110.19 kB | 0% </div> </details> --- #### loot-core **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.84 MB → 4.84 MB (+224 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `home/runner/work/actual/actual/packages/loot-core/src/server/preferences/app.ts` | 📈 +224 B (+4.56%) | 4.8 kB → 5.02 kB </details> <details> <summary>View detailed bundle breakdown</summary> <div> **Added** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.CrUi5S7Y.js | 0 B → 4.84 MB (+4.84 MB) | - **Removed** Asset | File Size | % Changed ----- | --------- | --------- kcab.worker.B_XN_qvd.js | 4.84 MB → 0 B (-4.84 MB) | -100% **Bigger** No assets were bigger **Smaller** No assets were smaller **Unchanged** No assets were unchanged </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 3.88 MB → 3.88 MB (+221 B) | +0.01% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `home/runner/work/actual/actual/packages/loot-core/src/server/preferences/app.ts` | 📈 +221 B (+4.58%) | 4.71 kB → 4.93 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 ----- | --------- | --------- index.js | 3.88 MB → 3.88 MB (+221 B) | +0.01% **Smaller** No assets were smaller **Unchanged** No assets were unchanged </div> </details> --- #### cli **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 7.89 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.89 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-14 22:09:29 -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#21569