Fix empty call background color

[PVince81]

Make it the same grey like the stripe background and adjust text color
to be readable.

Fixes #4388

[marcoambrosini]

Now that I see it I think that it should be a darker gray and the text should stay white.
Maybe var(--color-loading-dark)??

[PVince81]

do we have a darker grey somewhere in the presets or should I invent a value ?

[PVince81]

Here we go:

[marcoambrosini]

👍

[nickvergessen]

You want white, not primary text, otherwise you have black text on dark grey background if your primary theming color is bright

[PVince81]

should I hardcode white here ? then maybe I need to hardcode the background color as well instead of --color-loading-dark, if we agree that this is not something we want to theme.

as far as I can see here, only primary is defined: https://github.com/nextcloud/nextcloud-vue/blob/master/styleguide/assets/variables.css but if one would want to invert the colors they'd need to override "color-background-dark" with a light color ? or do we need a new primary-text-background color ?

[nickvergessen]

We dont want the screen to be blue or something so we should not use anything related to primary.
Also we dont want it to flip ot white with dark mode, so mostlikely the loading color is wrong too.

But can be tested easily, just search for "accessibility" in your dev nextcloud, turn on dark mode, search for theming and use "#ffffff" as primary color and then start a call.

Expected result is a dark screen with readable font color

[nickvergessen]

https://github.com/nextcloud/server/blob/master/apps/accessibility/css/dark.scss#L16
Dark mode makes loading bright

[PVince81]

it seems that whatever combination of variables I pick, it cannot look good in both dark mode and regular mode

so if we anyway don't want to invert the colors I'll hardcode white and dark grey in this view

[PVince81]

=> #4416