akshat46 / FlyingFox

An opinionated set of configurations for firefox.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Request] Option to make tab favicons full color / not washed out

Bandit opened this issue · comments

Find it a bit difficult to tell between certain icons at a glance with them so washed out. Couldn't immediately see where to adjust this myself in the CSS

image

The icon masks are set with the var extension-icon-mask near the top of tst css. Commenting it out should remove the style.

Worked perfectly, thanks!

The only issue with this approach is that Firefox tab icons (settings, addons, etc.) are now black. @akshat46 is there a way to target those icons specifically via CSS?

Screen Shot 2021-03-22 at 1 50 03 PM

Setting icon mask in this rule should include all these browser specific favicons.

.tab .favicon .favicon-default::before {
    filter: grayscale(85%) invert(75%);
}

Its already included in the tst css but rendered useless once mask variable is removed. You can replace the var(---extension-icon-mask) with a correct mask value here.

.tab .favicon .favicon-default::before {
    filter: grayscale(85%) invert(75%);
}

Perfect, that did it! Thanks.