[PR #3520] [CLOSED] Fix theme "flickering" from light to dark on load of the page #4904

Closed
opened 2026-02-28 21:03:00 -06:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/actualbudget/actual/pull/3520
Author: @joel-jeremy
Created: 9/27/2024
Status: Closed

Base: masterHead: fix-themes-applied-late


📝 Commits (4)

📊 Changes

3 files changed (+37 additions, -29 deletions)

View changed files

📝 packages/desktop-client/src/components/App.tsx (+2 -2)
📝 packages/desktop-client/src/style/theme.tsx (+29 -27)
upcoming-release-notes/3520.md (+6 -0)

📄 Description

Fixes the theme color change (from light theme to configured theme) that happens when initially loading the page.

Switching to useLayoutEffect so that the proper theme colors are set before the page is painted on screen


🔄 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/3520 **Author:** [@joel-jeremy](https://github.com/joel-jeremy) **Created:** 9/27/2024 **Status:** ❌ Closed **Base:** `master` ← **Head:** `fix-themes-applied-late` --- ### 📝 Commits (4) - [`293d2c0`](https://github.com/actualbudget/actual/commit/293d2c04c459e5e7d0fc9fd816a4445f567fdd73) Fix themes being applied late - [`88ea0ea`](https://github.com/actualbudget/actual/commit/88ea0eab45569720f53d797dbc3fad35237e50b4) Release notes - [`5942b58`](https://github.com/actualbudget/actual/commit/5942b58893a802f1e4b1e05e9eecf2696573001b) Apply optimization - [`794ec36`](https://github.com/actualbudget/actual/commit/794ec360c723e993a692514a30c0d10cf016f0fa) Update ### 📊 Changes **3 files changed** (+37 additions, -29 deletions) <details> <summary>View changed files</summary> 📝 `packages/desktop-client/src/components/App.tsx` (+2 -2) 📝 `packages/desktop-client/src/style/theme.tsx` (+29 -27) ➕ `upcoming-release-notes/3520.md` (+6 -0) </details> ### 📄 Description <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes --> Fixes the theme color change (from light theme to configured theme) that happens when initially loading the page. Switching to `useLayoutEffect` so that the proper theme colors are set before the page is painted on screen --- <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-02-28 21:03:00 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#4904