Tab Bar Changing colors?

GVCCbob

When I have a series of tabs in my tab bar when I select one the entire bar changes color.

For example, Amazon is white, but the tab bar is yellow.

When selected Fox is white, but all the ta bar is blue.

Some site the tab bar is red.

I don't understand why?

Thanks

nomadic

@GVCCbob That is the theme feature called Accent from page.

https://help.vivaldi.com/desktop/appearance-customization/browser-themes/#:~:text=Theme settings explained,the background image.

You can disable it by going to vivaldi://settings/themes/, selecting the Editor button at the top, and unchecking the box next to Accent from page under the Colors tab of the editor.

GVCCbob

So what do the colors mean and how are assigned. I am a new user and just curious. Thanks for responding.

nomadic

@GVCCbob The colors are just supposed to complement the theme/accent color of the webpage.

I stepped through the code as it was running, and from what I could tell, these are the steps Vivaldi follows to determine the color to use.

Steps:

Vivaldi determines this by finding all the colors in the favicon of the website
Assigning priority weights to the top 3 colors in the image (factors of 2.25, 1.5, and 1.25 for the top colors and 1 for the others in the top 10)
Doing some contrast/saturation calculations compared to the theme background color that were too confusing for me to fully understand while quickly stepping through the code. Does this using the LCH color space
Finally, using the calculations from step 3, it determines which of the favicon colors works best. Since the most used color in the favicon has a higher weight of 2.25 attached, it is normally what is used.

Since YouTube's favicon is predominantly red, it is what is chosen. You can also see this in examples like Duckduckgo or Yahoo being orange or purple respectively.