tensorflow / tensorflow/tensorboard

checkbox color appears different with the curve color

Open
#7,080 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
7.2k
Forks
1.7k
Avg merge
4d 22h
Merged PRs (30d)
1

Description

Issue description

In the Scalars dashboard, the colored square checkboxes in the left‑hand run/tag list appear to have different color with the corresponding curves in the main chart. Only happens on dark red and light red curves.

See the below picture.
Image
We have:
dark red checkbox -> light red curve
light red checkbox -> dark red curve
I suppose the reverse way would look better?

I noticed that the color inside the checkbox is different with its border color. But its border color (and the circle select box on the right) seems correct. Is this behavior expected?

Other colors like blue and green seems not have this problem.

Environment information (required)

tensorboard=2.20.0 installed by pip install
tensorflow is not installed
Google Chrome=140.0.7339.185

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Scalars dashboard and reproduce the mismatch with dark red and light red curves in Chrome 140. Compare the left-hand checkbox colors with their corresponding chart curves and the correctly colored borders or circle selectors; done means the checkbox fill and curve use the same color for both red variants.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.