DiamondLightSource / DiamondLightSource/davidia

Coordinate text becomes white-on-white on HeatPlotMap in dark mode

Open Beginner friendly
#255 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
5
Forks
2
PR merge metrics
No merged PRs in 30d

Description

When a web page is in dark mode, hovering over a coordinate just shows an empty whitebox, presumably because text defaults to white when switching to dark mode, whilst the bubble stays with a white background.

This behaviour is present in (at least) HeatPlotMap.

Contributor guide

No contributing guide indexed for this repository

Research direction

Locate the HeatPlotMap component and its hover coordinate display, then inspect the styling applied when the page is in dark mode. Reproduce the white-on-white tooltip and trace which text and background colors it uses. Done means coordinate text remains readable while hovering in dark mode.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.