Closed Bug 1677425 Opened 4 years ago Closed 3 years ago

Fix contrast for [Manage bookmarks...] link on dark themes

Categories

(Firefox :: Bookmarks & History, defect, P3)

Firefox 84
Desktop
All
defect

Tracking

()

VERIFIED FIXED
85 Branch
Tracking Status
firefox-esr78 --- unaffected
firefox83 --- unaffected
firefox84 --- verified
firefox85 --- verified

People

(Reporter: cfogel, Assigned: Gijs)

References

(Regression)

Details

(Keywords: regression)

Attachments

(2 files, 1 obsolete file)

Attached image Screenshot_2.png (obsolete) —

Affected versions

  • 84.0a1(2020-11-15)

Affected platforms

  • macOS 10.15, Windows 10;

Steps to reproduce

  • Firefox, OS theme set to dark;
  1. Launch Firefox with a fresh profile;
  2. Open the Customize window and remove Default items from the bookmarks toolbar;
  3. Open a new tab;

Expected result

  • Manage bookmarks option is displayed on the new section;

**Enhancement suggestion **

  • change the color or the string to a lighter shade of blue;

Regression range

  • last "good": 2020-11-13;
  • first "bad": 2020-11-14
  • Pushlog URL
  • not a regressed behavior, introduced with patch from bug 1674091;

Additional notes

  • S4 as suggested severity;
  • attached screenshot with the issue, not the best one; will update it once I can trigger that menu again;
Has Regression Range: --- → no
Has STR: --- → no
Version: 41 Branch → Firefox 84
QA Whiteboard: [qa-regression-triage]
Attached image Screenshot_1.png
Attachment #9187963 - Attachment is obsolete: true

Updated steps and regression range.

Has Regression Range: no → yes
Has STR: no → yes
OS: Unspecified → All
Regressed by: 1674091

Bugbug thinks this bug is a defect, but please change it back in case of error.

Type: enhancement → defect
Type: defect → enhancement

We have specs on dark-bg link text right? Is it just a question of this being the first one in browser chrome? :ntim, do you know?

We could probably uplift a fix, as it should just be a single line of CSS...

Blocks: 1665353
Severity: -- → S3
Type: enhancement → defect
Flags: needinfo?(ntim.bugs)
Priority: -- → P3
Hardware: Unspecified → Desktop
Summary: Improve contrast for [Manage bookmarks...] string on dark themes → Fix contrast for [Manage bookmarks...] link on dark themes

(In reply to :Gijs (he/him) from comment #4)

We have specs on dark-bg link text right?

For in-content pages: the spec was --blue-50 (#0a84ff) all the time before, but for more ideal contrast all the time, it's now --blue-40 (#45a1ff) for the dark theme, --blue-60 (#0060df) for the light theme.

Is it just a question of this being the first one in browser chrome? :ntim, do you know?

This is the first one in the toolbar area. There are some in arrow panels or the urlbar popup though.

To fix this with a single CSS rule, we should keep -moz-nativehyperlinktext (good for HCM) for the default theme (so nothing to add here), and add this:

:is(#nav-bar, #PersonalToolbar):-moz-lwtheme .text-link {
  color: #0a84ff;
}

Uses --blue-50 all the time for links on the toolbar which looks OK in most situations. There's no way to get whether the text is dark or light on the #navbar/#PersonalToolbar areas specifically (they can differ from the #TabsToolbar area), but you could add one if you really want (lwt-popup-brighttext is a good example how).

Flags: needinfo?(ntim.bugs)
Flags: needinfo?(gijskruitbosch+bugs)
Assignee: nobody → gijskruitbosch+bugs
Status: NEW → ASSIGNED
Flags: needinfo?(gijskruitbosch+bugs)

Comment on attachment 9190929 [details]
Bug 1677425 - improve link colours in the navbar and bookmarks toolbar, r?ntim,jaws

Beta/Release Uplift Approval Request

  • User impact if declined: Links are hard to read on dark themes
  • Is this code covered by automated tests?: No
  • Has the fix been verified in Nightly?: No
  • Needs manual test from QE?: Yes
  • If yes, steps to reproduce: See comment 0
  • List of other uplifts needed: none
  • Risk to taking this patch: Low
  • Why is the change risky/not risky? (and alternatives if risky): This adds 2 CSS rules to improve link colouring for themes
  • String changes made/needed: nope
Attachment #9190929 - Flags: approval-mozilla-beta?
Flags: qe-verify+
Pushed by gijskruitbosch@gmail.com:
https://hg.mozilla.org/integration/autoland/rev/4c623a765eba
improve link colours in the navbar and bookmarks toolbar, r=ntim

Comment on attachment 9190929 [details]
Bug 1677425 - improve link colours in the navbar and bookmarks toolbar, r?ntim,jaws

Approved for 84.0b8.

Attachment #9190929 - Flags: approval-mozilla-beta? → approval-mozilla-beta+
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 85 Branch
QA Whiteboard: [qa-regression-triage] → [qa-regression-triage][qa-triaged]

Reproduced the initial issue on Nightly 84.0a1 and Beta 83.0b9.
Verified fixed on latest Nightly version 85.0a1 (2020-12-04) and Beta version 84.0b8 on Windows 10 and macOS 10.15.

Status: RESOLVED → VERIFIED
Flags: qe-verify+
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: