WebUI default background color

[anddam]

qBittorrent & operating system versions

qBittorrent: v5.0.2 (I guess, that's what WebUI's About dialog says)
Operating system: Void Linux
Qt: 6.8.0
Libtorrent: 1.2.19.0

Additional deps:
Boost: 1.86.0
OpenSSL: 3.4.0
zlib: 1.3.1.zlib-ng

What is the problem?

The CSS seems to rely on browsers default white background color, thus uses rgb(0,0,0,0) where it means "white".

When embedded in an iframe with a different background (e.g. in Organizr) this results in very poor readability.

The app should set the base background color it relies on, for instance setting background color: white on body element

Steps to reproduce

1. start webui
2. open inspector
3. select body element
4. add background-color: black; to the element style
5. enjoy the headache

Additional context

Log(s) & preferences file(s)

There are no logs or preference involved.

[HanabishiRecca]

Yeah, that's another consequence of not setting the background color explicitly.

@skomerko, @Piccirello, maybe we just drop in the background color.
Regarding a particular color choice, as mentioned in #21498 (comment), we could use one that Chrome picks - #121212.
And maybe light theme background should be explicitly set too, just in case.

[anddam]

And maybe light theme background should be explicitly set too, just in case.

Yes, notice that unlike PR #21498 my report is not for dark theme, what you see in the screenshot is the default light theme, only within Organizr that has a black background by default.

This is the same page accessed directly, with Chrome using a white background color

[skomerko]

Will #21914 be enough to fix your issue?

[anddam]

Will #21914 be enough to fix your issue?

Yep,

 body {
+    background-color: var(--color-background-primary);

In my specific case I configured Organizr to add a CSS rule to the iframe so it had a proper background.