Tab Accent Colour

Submitted ⁨⁨1⁩ ⁨week⁩ ago⁩ by ⁨aircooledcafe@forum.vivaldi.net⁩ to ⁨themes@forum.vivaldi.net⁩

https://forum.vivaldi.net/topic/122171/tab-accent-colour

Does anyone know if there is a way to get Vivaldi to adhere to the meta tag for a website tab accent colour?

Example:

<meta name="theme-color" content="#091834" />

As it currently stands it's overriding sites specified accent colours, and picking a prominent colour for the favicon.
Which is having undesirable colour conflicts at present. I am getting a bright green icon on a bright green tab instead of bright green icon on dark navy tab as designed.

original

Comments

Sort:hotnew top

BadSeed@forum.vivaldi.net ⁨1⁩ ⁨day⁩ ago
Is there a way to change or disable the tab accent colors? At the moment, certain sites (e.g., Reddit) cause the tab to pop with a bright color and this causes me to often think there is a notification within that tab when scanning my tabs.

I would rather have a more passive/monochromatic treatment of these tabs.

original
- stardepp@forum.vivaldi.net ⁨1⁩ ⁨day⁩ ago
  @BadSeed You can use these .css modifications:
  
  /* Aktiver Tab Color - made by Luetage on the Vivaldi Forums */ #browser .tab-position .tab.active.active { color: #910303 !important; }
  
  /* change the font color of the active tab - made by nomadic on the Vivaldi Forums */ #browser .tab-position .tab.active .title { font-family: "Comic Sans MS", sans-serif; /* change the font used */ font-size: 12px; /* increase the size */ font-weight: 500; color: #910303; /* text color */ }
  
  original
  - BadSeed@forum.vivaldi.net ⁨1⁩ ⁨day⁩ ago
    @stardepp Thank you for this. I actually found a way to manage it within the Vivaldi UI:
    
    Turned off use web site as accent color,
    Muted the accent color a little to make it pop less.
    
    Screenshot 2026-11-13 121452.png
    
    original
luetage@forum.vivaldi.net ⁨1⁩ ⁨week⁩ ago
@aircooledcafe No, there is not. You can play with accent color saturation in the settings for your current theme, this will improve the contrast in this case. Generally, no matter what method of choosing the accent color would be used, it would look bad with some websites, good with others.

original