Closed Bug 1726435 Opened 3 years ago Closed 3 years ago

Theme pinned tab notification dot

Categories

(Firefox :: Theme, enhancement, P2)

enhancement
Points:
1

Tracking

()

RESOLVED FIXED
94 Branch
Iteration:
94.2 - Sep 20 - Oct 3
Tracking Status
firefox94 --- fixed

People

(Reporter: bugzilla, Assigned: bugzilla, NeedInfo)

References

Details

(Whiteboard: [fidefe-theme])

Attachments

(1 file)

The new themes should theme the dot that appears under updated pinned tabs. This isn't something that needs to be exposed to third party themes. We can theme it with theme_experiment, similar to how we theme the app menu update badge.

Depends on: 1726437
Whiteboard: [fidefe-theme]
Assignee: nobody → htwyford
Status: NEW → ASSIGNED

This is just a matter of setting --attention-icon-color in theme_experiment.

The new attribute on :root is necessary because theme_experiment sets variables on :root. --icon-attention-color was being set on #TabsToolbar, meaning it was more specific and the theme override was not applying.

Iteration: --- → 94.2 - Sep 20 - Oct 3
Pushed by htwyford@mozilla.com:
https://hg.mozilla.org/integration/autoland/rev/06d6b39b2638
Theme pinned tab notification dot. r=dao
Status: ASSIGNED → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
Target Milestone: --- → 94 Branch

I can still reproduce this on warning icons:

  • Warning Alerts - Soft Themes
  • Critical Alerts - Bold and Balanced Themes

And this is reproducing across all platforms. Should we log another issue or this can be tracked here?

Flags: needinfo?(htwyford)

Yes, we decided in review not to theme warning icons so that they have a consistent look that users can consistently identify. How do you trigger a critical alert?

Flags: needinfo?(htwyford) → needinfo?(oana.botisan)

(In reply to Harry Twyford [:harry] from comment #7)

How do you trigger a critical alert?

We use this test page.
From the sections "Desktop Download Warnings" download the link from 7.

Yes, we decided in review not to theme warning icons so that they have a consistent look that users can consistently identify.

I understand. The only problem is that the notification is harder to see when using darker themes and especially while using Foto and Abstract.

Flags: needinfo?(oana.botisan) → needinfo?(htwyford)

Dao, how do you think we should balance a consistent look for warning icons vs. legibility in themes?

Flags: needinfo?(htwyford) → needinfo?(dao+bmo)

The contrast on the warning notification icons (similar to comment 8) is still problematic on some of the new 97 colorway themes - see example. Note there is a new implementation since last time that set alwaysOpenPanel default on any download, so the warning badges for the end users (as in the mentioned example) are visible only if browser.download.alwaysOpenPanel is set to false. Should we fill a new issue specific for the new 97 themes?

You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: