Semi-transparent background on favicons
-
By default, the background on favicon is quite solid - which is not very nice - and only for the active tab - so, some favicons could still become invisible, especially on dark themes.
With this, the background - slightly faded - should be preserved for background tabs too.
I did it for myself, I leave here in case someone is interested.tab-position .tab.active .tab-header .favicon, .tab-position .tab .tab-header .favicon { background-color: rgba(255, 255, 255, 0.65); }
This could be used for webpanels favicon too (they haven't a background at all)
.webviewbtn img { background-color:rgba(255, 255, 255, .5) !important; }
-
A related mod I use for the urlbar dropdown (but solid color, this time).
- Reduce opacity for labels (text is "more white")
- Background for favicons (icons should be more visible)
- Is better with "squircle favicons" (reason of the
border-radius
)
.OmniDropdown-Label {opacity: .8;} .OmniLinkItem-Favicon {background-color: var(--colorFg); border-radius: 4px;}
-
Ppafflick moved this topic from Modifications on