libs/ui/src/tokens/components/molecules/_chart.css documents that TanStack Charts composites axis tick and legend labels at fillOpacity 0.68 before painting, so the rendered text sits at --color-chart-fg (fg-primary) at 68% over the surface rather than the token's full value, and does not reach the repo's 90 Lc gate on its own.
Fixing this properly means compensating for the library's baked-in opacity (or overriding it via TanStack's theme options), not swapping the --color-chart-fg token itself, which is correct for other uses.
Follow-up:
- Investigate whether TanStack Charts' scene/theme options expose a way to override
fillOpacity/strokeOpacity for tick/legend/axis text.
- If not overridable, pick a stronger
--color-chart-fg value that still reaches 90 Lc after the library's 0.68 composite, and re-validate against resolved values (per the dataviz validator).
Ref: PR #552 review (coderabbitai).
libs/ui/src/tokens/components/molecules/_chart.cssdocuments that TanStack Charts composites axis tick and legend labels atfillOpacity 0.68before painting, so the rendered text sits at--color-chart-fg(fg-primary) at 68% over the surface rather than the token's full value, and does not reach the repo's 90 Lc gate on its own.Fixing this properly means compensating for the library's baked-in opacity (or overriding it via TanStack's theme options), not swapping the
--color-chart-fgtoken itself, which is correct for other uses.Follow-up:
fillOpacity/strokeOpacityfor tick/legend/axis text.--color-chart-fgvalue that still reaches 90 Lc after the library's 0.68 composite, and re-validate against resolved values (per the dataviz validator).Ref: PR #552 review (coderabbitai).