Fix VoIP PIP frame color

[SimonBrandner]

Fixes #16570

[gaelledel]

Could we change the frame colours to these?
Light Theme: #F4F6FA
Dark Theme: #394049

It can then be merged but its core visual style might change again soon.

[SimonBrandner]

@gaelledel, it looks great in the dark theme! But I am not so sure about the light theme. I find it quite hard to differentiate it from the panel

[gaelledel]

@SimonBrandner It doesn't seem that there is a drop shadow on the PIP, is there? if you could add this, it'll help to create levels in the hierarchy and will create a better contrast between components. Regarding the colours, we are currently tidying our themes to a more restricted palette and so it is important to stick with the colours I gave you earlier.
The drop shadow should do the trick.

[SimonBrandner]

There is a drop shadow but its alpha was very low. This is how it looks at 45%. Is that alright?

[gaelledel]

The shadow is too large in width, could you try that?
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.5);

[SimonBrandner]

Here:

[jryans]

Looks reasonable to me, thanks! 😄

[gaelledel]

@SimonBrandner Could I get a screenshot of the PIP in Light and dark with the whole UI in the background? That'll allow me to see the drop shadow better and in context

[SimonBrandner]

@gaelledel, sure - I've updated the description with fullscreen images

[jryans]

@gaelledel has told me this is good to go with the opacity change.

Issues addressed