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;}
    


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.