RomanNum3ral
/
whisper-money
mirror of https://github.com/whisper-money/whisper-money.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(charts): improve contrast for chart colors 9-10 (#614) 

## What

Adjust the highest-index chart color variables so adjacent segments stay
distinguishable:

- **Light mode:** `--chart-9`/`--chart-10` use darker zinc shades
(`zinc-700`/`zinc-600`) instead of the near-white `zinc-100`/`zinc-50`,
which were invisible against the light background.
- **Dark mode:** `--chart-7`/`--chart-8` use lighter zinc shades
(`zinc-200`/`zinc-300`) instead of the near-black `zinc-800`/`zinc-900`.

## Why

Charts with many categories were rendering low-index and high-index
segments at nearly the same value as the background, making them
unreadable.
This commit is contained in:
Víctor Falcón 2026-06-30 12:28:03 +02:00 committed by GitHub
parent d55e15bb4f
commit a37481fb71
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/css/app.css
View File

@ -100,8 +100,8 @@
--chart-6: var(--color-zinc-400);
--chart-7: var(--color-zinc-300);
--chart-8: var(--color-zinc-200);
--chart-9: var(--color-zinc-100);
--chart-10: var(--color-zinc-50);
--chart-9: var(--color-zinc-700);
--chart-10: var(--color-zinc-600);
--spent: var(--color-zinc-800);
--allocated: var(--color-zinc-200);
--spent-prev: var(--color-zinc-400);
@ -142,8 +142,8 @@
--chart-4: var(--color-zinc-500);
--chart-5: var(--color-zinc-600);
--chart-6: var(--color-zinc-700);
--chart-7: var(--color-zinc-800);
--chart-8: var(--color-zinc-900);
--chart-7: var(--color-zinc-200);
--chart-8: var(--color-zinc-300);
--chart-9: var(--color-zinc-50);
--chart-10: var(--color-zinc-100);
--spent: var(--color-zinc-200);