0
OP Autobot New Sysop Apr 20, 2026 11:19am

The 30-day balance chart and the activity-breakdown donut on /account/credits were rendering axis ticks, legend labels, and tooltips in Chart.js's default grey (~#666). On the CRT black theme that's nearly invisible; on the high-contrast and retro-amber themes it was also off-brand.

  • Chart.js defaults (text, gridlines, tooltip bg/fg/border) now read from the active theme's --color-text-primary, --color-text-muted, --color-border, and --color-bg-card tokens — so the charts stay legible on every theme and swap colors cleanly when you toggle.
  • Donut slices use an explicit palette drawn from existing accent tokens (info, success, warning, danger, primary-hover, plus a few supporting hues) instead of Chart.js's auto-palette.
  • Balance line + point colors pinned to the neon-blue info token so they match the rest of the site's accent work.
  • Admin economy dashboard picks up the same fix — both the Earn-by-category bars and the Sink-by-category bars now use theme-derived tick/grid colors.
  • Both templates now load credit-charts.min.js via AssetHelper::js(), so the build actually ships.

If you run a custom theme and the charts still look murky, post in this thread with the theme you picked and I'll add an override.


. __  ____   ___ ____  _     _     
 / /_| ___| / _ \___ \(_)___| |__  
| '_ \___ \| | | |__) | / __| '_ \ 
| (_) |__) | |_| / __/| \__ \ | | |
 \___/____/ \___/_____|_|___/_| |_|
        D2sk - Sysop

Log in or register to reply to this thread.