mirror of
https://github.com/actualbudget/actual.git
synced 2026-07-13 13:43:35 -05:00
[GH-ISSUE #6607] [Feedback] Custom themes #117175
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: github-starred/actual#117175
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @MatissJanis on GitHub (Jan 8, 2026).
Original GitHub issue: https://github.com/actualbudget/actual/issues/6607
TODO
can we somehow automate capturing screenshots? so they have consistent data etc.@Juulz commented on GitHub (Jan 15, 2026):
Update: added to PR #6696
Here's a new dark theme. Juulz/simple-dark
It is based on the Discourse theme Sam's Simple Dark. Here it is in my guild forum:
Here's my take:
PS - The three themes I have written are complete - not just overrides (although I did build them that way). They could be copy-pasted as a base.
@Juulz commented on GitHub (Jan 18, 2026):
Next up, another light theme with a 1970s palette.
I also added
--color-sidebarBudgetNameto all my themes.@MikesGlitch commented on GitHub (Jan 18, 2026):
Feedback:
I think the screenshots are too small to show anything meaningful - I can barely see them. What if we supported a larger image and allow it to be expanded/opened via an image viewer modal (or some such)?
Edge currently has broken images due to Content Security Policy directive issues. I wonder if this will affect people running on Docker/pikapods etc.
@MatissJanis commented on GitHub (Jan 18, 2026):
The screenshots are tricky indeed.. maybe we just remove them entirely? Just clicking through the themes might be sufficient. WDYT?
@MikesGlitch commented on GitHub (Jan 18, 2026):
Was just thinking there, someone with bad intentions could upload any image they want.
I think we should lock it down at the very least, but as you say, it might be better to remove them. If we did remove them, maybe we could add a colour palate to the catalogue so users will know what the theme colours are.
@Juulz commented on GitHub (Jan 18, 2026):
I've been putting a full image in the readme file. People could click through to see that.
@Juulz commented on GitHub (Jan 19, 2026):
This is my favorite light one. I'm using it on my own budget on edge. Let me know if you want a PR for it.
1970 Theme
Juulz/1970-theme
@MatissJanis commented on GitHub (Jan 19, 2026):
Keep sending PRs for themes @Juulz . We'll be happy to approve and merge :)
@youngcw commented on GitHub (Jan 23, 2026):
It would be nice if themes could set the colors used by the custom report. (the bar charts, donut charts, etc). Maybe they can already but none that Ive tried have done that yet
@MikesGlitch commented on GitHub (Jan 23, 2026):
I think we need a consistent naming strategy & consistent defaults with these color variables. At a glance a lot of the one's i'd expect to be used aren't being used.
E.g. color-numberNegative is being used for most negative numbers, but not the ones on the budget screen. If the budget screen variables for negative hasn't been provided, I'd expect them to default to the color-numberNegative.
For now it's fine because it's experimental, but before we release we probably should do some housekeeping and come up with naming patterns for global colors vs screen specific colors etc.
@matt-fidd commented on GitHub (Jan 23, 2026):
The number colours were meant to be the start of that, and do inherit in our code. Custom themes do not support inheritance at the moment as they just change the compiled colour variables after the JS side for inheritance has been done. Agreed that it would be nice to add that, or change the way that we compile the CSS colours to use inheritance. Eg. actual could spit out:
which would make the custom themes inherit as expected with no changes on that front
@MatissJanis commented on GitHub (Jan 25, 2026):
Inheritance in custom themes is tricky. We have to be careful not to allow malicious payloads in CSS variables. Something to add to the list and think about though!
Re: housekeeping. Yes, for sure. I also strongly believe we have WAY TOO MANY color variables and should reduce the list. Plus move it from TS to an actual
.cssfile. Adding to the list@Mansarde commented on GitHub (Feb 2, 2026):
As it is now, I have some customizations added on top of the midnight theme.
But when I try out other themes just to take a look and then want to switch back to the midnight theme + my customizations, the pasted CSS is gone.
That means currently I'd have to keep the adjustments stored somewhere separately and always remember to re-apply them.
So it would be cool if a pasted CSS could be saved to the list. A local-only entry, so to speak.
@sexyskinnybitch commented on GitHub (Feb 12, 2026):
Are themes supposed to be the same across all devices? It doesn't seem to sync the setting.
@youngcw commented on GitHub (Feb 12, 2026):
No, they are per device
@matt-fidd commented on GitHub (Feb 17, 2026):
Implemented in https://github.com/actualbudget/actual/pull/6909
@timo-wilson commented on GitHub (Feb 18, 2026):
It would be nice to be able to theme the upcoming scheduled items in an account. At least maybe the row attributes (row background, text color, etc). With them just having the font being italics it is harder to actually distinguish them from entered items.
@Juulz commented on GitHub (Feb 18, 2026):
Their text is tableTextInactive. They also have the Upcoming category.
Here I made them pink!
@timo-wilson commented on GitHub (Feb 18, 2026):
Thanks, for pointing that out. It still would be nice to change the attributes of the "inactive" table row like the background color but that maybe a bit harder and this text setting does help.
@c00llin commented on GitHub (Mar 4, 2026):
Fantastic fuunctionality and some great themes already. I would love to be able to set a custom theme for light AND dark mode.
@gottifire commented on GitHub (Mar 8, 2026):
It would be cool if there was a theme that was much closer to YNAB. It's just a great color scheme where the things seem seem to stand out nicely. Whereas in Actual many of the colors just seem so light so to speak. For instance in YNAB the text on a white background is closer to black, but in Actual it's more of a gray. My eyes often have to strain to see the text
@MatissJanis commented on GitHub (Mar 19, 2026):
The textarea block when opening theme catalog now allows to provide overrides for any theme (including if you want to use a custom theme, but then for example - change the colors of the positive/negative balances).
@gottifire commented on GitHub (Mar 21, 2026):
Right, but most of us don't know css. I spent a couple hours trying to get the color scheme similar to no avail
@Juulz commented on GitHub (Mar 21, 2026):
Have you tried the High Contrast theme? It's not blurple, but it does have high contrast!
@gottifire commented on GitHub (Mar 21, 2026):
Yes, that's the one I use
@Juulz commented on GitHub (Mar 22, 2026):
If you're willing, please start an issue in the theme repo with any parts that you feel a strain to read using the High Contrast theme. I'll take a look. Thank you! https://github.com/Juulz/high-contrast-light/issues
@gottifire commented on GitHub (Mar 23, 2026):
Done
@StephenBrown2 commented on GitHub (Mar 23, 2026):
There used to be one, but it was only visible in dev environments. Instead of making it publicly available, it was removed.
@jfdoming commented on GitHub (Mar 23, 2026):
Are you referring to
15358b6b54? If so the theme is basically identical to the default light theme: https://www.diffchecker.com/RNEcsXAH/. Anyways we're happy to approve PRs for any new themes!@scarcekoi commented on GitHub (Apr 8, 2026):
Allow import? (e.g.
@import url("https://raw.githubusercontent.com/example/example-actual-theme/example.css");)Import mainly for themes (instead of pasting the css so that you can give updates, alternative to the catalogue) and fonts. Being able to import fonts and use them for
--font-familywould be great.@dys2pia commented on GitHub (May 3, 2026):
Accounts page: the light grey font makes the sum of 0,00 € almost invisible on at least Miami Beach theme.
@youngcw commented on GitHub (May 3, 2026):
@dys2pia Reach out to the creator of the theme. All custom themes are created and managed by others, not Actual.
@Juulz commented on GitHub (May 4, 2026):
I noticed this comment and I have checked and updated any of my themes with light numbers to make the subdued numbers darker. (That included Miami Beach.)
@sdaconceicao commented on GitHub (May 7, 2026):
There is nothing currently in the existing styling or html structure now that allows for custom styling on negative numbers, particularly in the accounts sidebar. Could a data attr or something else be added to allow for custom themes to target this?
@MatissJanis commented on GitHub (May 11, 2026):
Custom themes have been released as first party feature. Will be in the v26.6.0 release.
If there is further feedback or bug reports - please open individual issues.