mozilla / mozilla/code-review

`Connected to` text in the header is barely visible

Open
#1,140 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
Python
Stars
67
Forks
52
Avg merge
3d 23h
Merged PRs (30d)
54

Description

The Connected to https://api.code-review.moz.tools text has a dark color, while the header background is already dark:
CleanShot 2022-03-29 at 07 56 45

This is not accessible, as reported by the Inspector:
CleanShot 2022-03-29 at 07 56 35

The color could probably be changed to something like #a0a0a0 if we want it to be less prominent than the other items in the header

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

No file or test is named. Locate the header rendering and styles for the Connected to https://api.code-review.moz.tools text, then check its contrast against the dark background. Done means the text is readable, remains less prominent than other header items, and no longer triggers the reported accessibility warning.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
accessibility, frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.