Skip to content

Analytics chart tooltip unreadable in dark mode (light tooltip + light text) #23122

@math-krish

Description

@math-krish

Describe the bug

On the analytics chart that shows Reads and Avg Read Time (s) over time, the hover tooltip does not follow dark theme correctly. The tooltip panel uses a light/white background while the label text stays light-colored, so the values are very hard or impossible to read in dark mode. In light mode, the same tooltip looks fine (dark text on a light panel).

To Reproduce

  1. Set DEV to dark theme (Profile → Settings → Appearance, or system preference if you use “default to system”).
  2. Open Dashboard and go to the analytics / stats view for a post where the time-series chart (Reads vs Avg Read Time) is shown.
  3. Hover over a point on the chart so the tooltip appears.
  4. Observe that tooltip text has insufficient contrast (light-on-light) compared to light mode.

Expected behavior

In dark mode, the chart tooltip should use theme-aware colors: e.g. dark panel with light text, or light panel with dark text, consistent with the rest of the UI, so Reads and Avg Read Time are always readable.

Screenshots

Image Image

Desktop (please complete the following information):

  • OS, version: macOS Tahoe 26.3
  • Browser, version: tried both on Firefox 149.0.2 and 26.3

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugalways open for contribution

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions