mirror of
https://github.com/actualbudget/actual.git
synced 2026-07-16 23:26:48 -05:00
[GH-ISSUE #7820] [Bug]: Concentric circle donut chart outer circle black with hsl colors. #80640
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: github-starred/actual#80640
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 @Juulz on GitHub (May 12, 2026).
Original GitHub issue: https://github.com/actualbudget/actual/issues/7820
What happened?
Using hsl colors for reports. The outer circle of the concentric donut chart was black for all colors using hsl colors. When they were changed to hex, it worked fine.
How can we reproduce the issue?
Use hsl colors for report colors.
Make a category + group donut chart.
See the issue.
Where are you hosting Actual?
None
What browsers are you seeing the problem on?
No response
Operating System
None
@youngcw commented on GitHub (May 17, 2026):
Is there a report that uses hsl colors for that? Or can you share the steps to recreate this issue with manual overrides?
@Juulz commented on GitHub (May 17, 2026):
I use hsl colors in lots of my themes and it was pointed out in discord.
It's only a problem with the outer circle in the category + group donut.
Use hsl colors here:
--color-chartQual1: #5359fd;
--color-chartQual2: #94d53f;
--color-chartQual3: #f6ca1e;
--color-chartQual4: #cf5e66;
--color-chartQual5: #7583ff;
--color-chartQual6: #ace765;
--color-chartQual7: #f7d455;
--color-chartQual8: #e48686;
--color-chartQual9: #b3baff;
@youngcw commented on GitHub (May 17, 2026):
Did you update your themes? All the ones I tried worked fine
@Juulz commented on GitHub (May 17, 2026):
yup. I changed just those variables to hex due to the complaint. You can put some hsl colors in just the first couple and see the bug though.