Option to Disable White Background Behind Favicons



  • Vivaldi always displays a white background behind the favicon of the currently active tab. I can understand why this would be there, but honestly I myself would like to be able to disable it.

    Alternatively, it would be nice if it could also be enabled in background tabs as well.

    UPDATE
    After trying one of the recent snapshots, I'm glad that this was partially added. White backgrounds no longer display while using a light theme, however they are still present while using a dark theme. I still think there should be an option to disable it.



  • Upvoted, but I'd like to have an option to show the white background on the background tabs too.



  • Firefox doesn't use white background behind favicons and I like it. Upvoted.



  • While this should be a native option, one can disable it with modding as a temporary workaround, adding to custom.css:

    /* Disable favicon white shadow on active tab in dark theme */
    .theme-dark .tab-position .tab.active .tab-header .favicon {
        filter: none;
    }
    


  • @Nekomajin Yup. And as it easy to do with css mods the best would be to choose it in settings:

    Tab favicon background:
    ☑ No background
    ☑ Only on active tab (current behaviour)
    ☑ On all tabs (slightly dimmed on background tabs)



  • I am fiddling with custom themes, and I found a severe issue regarding this request. When I have Accent Color from Active Page enabled and Apply Accent Color to Windows disabled, on many sites the favicon is invisible or truncated.

    I think this request should be turned into a Theme Preference and should use the foreground color and the corner rounding for the box behind the favicon, if enabled.



  • This post is deleted!


  • Up vote for this option...
    In addition, about what the topstarter wrote, there is another problem regarding the presence of the alpha channel in the favicon. Sometimes, if there is an alpha channel, its appearance completely deteriorates due to the white background highlight.
    0_1552553580402_001.jpg



  • @tlk any chance to get your patch worked without binding to particular theme? I tried it without .theme-dark part (1st item in selector string) and get no luck. Any hints what I am missing?



  • @ZuBB The .theme-dark is OK, the white background is only added with dark themes. You’re missing !important before the semicolon.



  • @potmeklecbohdan thanks it indeed works!

    For anyone seeking for a final version of code that works here it is

    .tab-position .tab.active .tab-header .favicon {
        filter: none !important;
    }
    


  • I now feel that the white background must be properly addressed. With version 3.3 the internal favicons now change their color depending on the theme you are using, so why, oh why must they still need a white background?

    Below the active tab (right tab) gets a white background, and to be frank, they look absolutely hideous with the white background.
    Screenshot 2020-09-07 at 13.42.49.png
    Screenshot 2020-09-07 at 13.43.11.png

    Meanwhile, some websites, such as Github, change their favicon depending on your OS's system theme. These really don't need a white background and also look very bad with the white background.
    Screenshot 2020-09-07 at 13.43.32.png

    I really don't understand why Vivaldi must add a white background to every single favicon, even if they don't need it. If should only be added to favicons that would have a terrible contrast with the current theme.

    As an example, Safari does this already:
    Screenshot 2020-09-07 at 13.43.53.png
    Screenshot 2020-09-07 at 13.44.08.png

    If the favicon needs it, it adds a white background, but if it doesn't, it leaves them as they are. Vivaldi should be doing this as well.



  • @AltCode
    I would prefer full manual control over the favicon box color. Deciding if I want a box at all, and if so, what color should it be. It would be a step forward more advanced theming, but until that, your request could be a temporary solution.


  • Vivaldi Translator

    @ZuBB thank you this code works


Log in to reply
 

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