[PR #7018] [MERGED] [AI] Allow var(--name) in custom theme CSS #41312

Closed
opened 2026-04-23 14:06:55 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/7018
Author: @MatissJanis
Created: 2/18/2026
Status: Merged
Merged: 2/18/2026
Merged by: @MatissJanis

Base: masterHead: matiss/allow-var-in-custom-theme-css


📝 Commits (1)

  • 41c2967 [AI] Allow var(--name) in custom theme CSS (no fallbacks)

📊 Changes

4 files changed (+70 additions, -22 deletions)

View changed files

📝 packages/desktop-client/src/style/customThemes.test.ts (+32 -15)
📝 packages/desktop-client/src/style/customThemes.ts (+16 -4)
📝 packages/docs/docs/experimental/custom-themes.md (+16 -3)
upcoming-release-notes/7018.md (+6 -0)

📄 Description

A relatively small change that IMO is safe. We allow simple CSS variables, but no fallbacks. Since the CSS vars themselves are already enforced to be colors only - this should be safe.


Bundle Stats

Bundle Files count Total bundle size % Changed
desktop-client 27 14.81 MB → 14.81 MB (+306 B) +0.00%
loot-core 1 5.86 MB 0%
api 1 4.4 MB 0%
View detailed bundle stats

desktop-client

Total

Files count Total bundle size % Changed
27 14.81 MB → 14.81 MB (+306 B) +0.00%
Changeset
File Δ Size
src/style/customThemes.ts 📈 +306 B (+5.23%) 5.71 kB → 6.01 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.52 MB → 9.52 MB (+306 B) +0.00%

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/ca.js 182.95 kB 0%
static/js/da.js 106.46 kB 0%
static/js/de.js 180.27 kB 0%
static/js/en-GB.js 7.18 kB 0%
static/js/en.js 168.47 kB 0%
static/js/es.js 173.67 kB 0%
static/js/fr.js 179.8 kB 0%
static/js/it.js 171.27 kB 0%
static/js/nb-NO.js 157.07 kB 0%
static/js/nl.js 106.47 kB 0%
static/js/pl.js 88.48 kB 0%
static/js/pt-BR.js 154.41 kB 0%
static/js/th.js 182.04 kB 0%
static/js/uk.js 214.89 kB 0%
static/js/resize-observer.js 18.37 kB 0%
static/js/BackgroundImage.js 120.54 kB 0%
static/js/ReportRouter.js 1.15 MB 0%
static/js/narrow.js 637.33 kB 0%
static/js/TransactionList.js 106.18 kB 0%
static/js/wide.js 164 kB 0%
static/js/AppliedFilters.js 9.71 kB 0%
static/js/usePayeeRuleCounts.js 10.04 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.86 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.Zwjv9l4n.js 5.86 MB 0%

api

Total

Files count Total bundle size % Changed
1 4.4 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.4 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/7018 **Author:** [@MatissJanis](https://github.com/MatissJanis) **Created:** 2/18/2026 **Status:** ✅ Merged **Merged:** 2/18/2026 **Merged by:** [@MatissJanis](https://github.com/MatissJanis) **Base:** `master` ← **Head:** `matiss/allow-var-in-custom-theme-css` --- ### 📝 Commits (1) - [`41c2967`](https://github.com/actualbudget/actual/commit/41c2967e17a7cf072d09e807181b14b1f939e4c9) [AI] Allow var(--name) in custom theme CSS (no fallbacks) ### 📊 Changes **4 files changed** (+70 additions, -22 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/style/customThemes.test.ts` (+32 -15) 📝 `packages/desktop-client/src/style/customThemes.ts` (+16 -4) 📝 `packages/docs/docs/experimental/custom-themes.md` (+16 -3) ➕ `upcoming-release-notes/7018.md` (+6 -0) </details> ### 📄 Description A relatively small change that IMO is safe. We allow simple CSS variables, but no fallbacks. Since the CSS vars themselves are already enforced to be colors only - this should be safe. <!--- actual-bot-sections ---> <hr /> <!--- bundlestats-action-comment key:combined start ---> ### Bundle Stats Bundle | Files count | Total bundle size | % Changed ------ | ----------- | ----------------- | --------- desktop-client | 27 | 14.81 MB → 14.81 MB (+306 B) | +0.00% loot-core | 1 | 5.86 MB | 0% api | 1 | 4.4 MB | 0% <details> <summary>View detailed bundle stats</summary> #### desktop-client **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 27 | 14.81 MB → 14.81 MB (+306 B) | +0.00% <details> <summary>Changeset</summary> File | Δ | Size ---- | - | ---- `src/style/customThemes.ts` | 📈 +306 B (+5.23%) | 5.71 kB → 6.01 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.52 MB → 9.52 MB (+306 B) | +0.00% **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/ca.js | 182.95 kB | 0% static/js/da.js | 106.46 kB | 0% static/js/de.js | 180.27 kB | 0% static/js/en-GB.js | 7.18 kB | 0% static/js/en.js | 168.47 kB | 0% static/js/es.js | 173.67 kB | 0% static/js/fr.js | 179.8 kB | 0% static/js/it.js | 171.27 kB | 0% static/js/nb-NO.js | 157.07 kB | 0% static/js/nl.js | 106.47 kB | 0% static/js/pl.js | 88.48 kB | 0% static/js/pt-BR.js | 154.41 kB | 0% static/js/th.js | 182.04 kB | 0% static/js/uk.js | 214.89 kB | 0% static/js/resize-observer.js | 18.37 kB | 0% static/js/BackgroundImage.js | 120.54 kB | 0% static/js/ReportRouter.js | 1.15 MB | 0% static/js/narrow.js | 637.33 kB | 0% static/js/TransactionList.js | 106.18 kB | 0% static/js/wide.js | 164 kB | 0% static/js/AppliedFilters.js | 9.71 kB | 0% static/js/usePayeeRuleCounts.js | 10.04 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.86 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.Zwjv9l4n.js | 5.86 MB | 0% </div> </details> --- #### api **Total** Files count | Total bundle size | % Changed ----------- | ----------------- | --------- 1 | 4.4 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.4 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-23 14:06:55 -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#41312