1934959 - tab-icon-overlay is obtrusive

Status: NEW

(Firefox :: Theme, enhancement)

Description

[Alex Haan]

Attachment: Light theme

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:133.0) Gecko/20100101 Firefox/133.0

Steps to reproduce:

With the last few major releases changes have been made to the .tab-icon-overlay elements; the play/muted state icons on tabs.

Before an obtrusive border was added. In version 133 the background is now opaque dark or white (in respectively light or dark mode).

Especially on pinned tabs this is quite obtrusive.

At least one has userChrome.css to change this. But this design change should be revisited.

Comment 1

[Alex Haan]

Attachment: Dark theme

Comment 2

[Alex Haan]

The following entry in userChrome.css fixes it enough to my liking, for those interested:

 .tab-icon-overlay[pinned] {
    opacity: 0.5;
    fill: var(--tab-icon-overlay-stroke) !important;
    background-color: var(--tab-icon-overlay-fill) !important;
}

Comment 3

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Firefox::Theme' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 4

[Monica Chiorean]

Issue reproduces on Win11x64 using Firefox build 135.0a1.