How to disable page background color using theme color? it causes flickering.

[taos]

Before 3.7, web page background color always was white no matter which theme i use. But now at 3.7/3.8, it shows theme color.
Interestingly I couldn't find this behavior change inside recent snapshot changelog.

Most of my visited web sites have white background, that means when i open one site on a new foreground tab, first I will see theme color page, then the loaded page content. If this process happens quickly (e.g. < 200ms), I will see flickering color change (theme color -> white color).

It really annoys me!

[luetage]

@taos It’s better than a white page before a dark page loads. After all it’s your theme background color showing. You can use a light Vivaldi theme, or you can force dark mode for websites in vivaldi://flags.

[taos]

@luetage Gif picture above is just a demo, actually my own several themes have grey background setting. But (grey -> white) also has flickering. I'm used to these themes, i do not want to change them.

[luetage]

@taos So what do you expect? Vivaldi can’t know the background color of the target page before the page loads.

[shifte]

Simply, is this No good？
body {background-color:#f5f5f5 !important;
}

[shifte]

Sorry, this didn't work.

[taos]

@luetage I expect the title said "disable page background color using theme color". Vivaldi snapshot change logs did not mention the change, maybe i can assume it is a BUG, so i ask here. (In my own opinion, white is the most compatible color for site pages, other broswsers respect it. i do not understand why vivaldi change that)

[luetage]

@taos Because a ton of users complained over the years that the white flash on dark themes and dark pages blinded them. It was a long awaited feature.

[taos]

@luetage I know, we can not eat our cake and have it also. It would be better if vivaldi can add one more theme option just like 'Apply Accent Color to Window', 'Apply Accent Color to Window'...

[taos]

@luetage I see you are familiar with vivaldi mods, do you know js mod can implement my need? Thanks.

[A Former User]

@taos You can do it very easily even with CSS. This should work as of now:

webview {
  background-color: #fff !important;
}

[taos]

@potmeklecbohdan It works. Really thank you.

[taos]

@potmeklecbohdan I tested your CSS in one day, i find sometimes page still shows very short-lived theme color (theme color -> webview #fff css color -> page), it can be reproduced by opening tens of foreground tabs quickly.

Luckily we can solve it by replacing your CSS by:

#webview-container {
  background-color: #fff !important;
}

Hope this can help others.