How to darken screen on a mobile UI?

:information_source: Attention Topic was automatically imported from the old Question2Answer platform.
:bust_in_silhouette: Asked By duke_meister
:warning: Old Version Published before Godot 3 was released.

On my Android app, when popping up, say a confirmation dialog, I’d like to make the UI go dark behind it as is common with Android UI’s. I can probably come up with something (e.g. have a texture that is above all other UI elements and make it visible and maybe 80% opaque, and have the popup appear above that). I’ve tried setting my rood node control’s opacity to say 0.1 and that is mostly there, but some elements don’t look great. I’m thinking there are better ways. Any ideas? Thanks.

:bust_in_silhouette: Reply From: volzhs
  1. Add a Panel below popup window
  2. Make Panel full of screen
  3. Set Opacity of Panel

Thanks for the response. That’s pretty much what I had tried (in my case with a TextureFrame instead of Panel) and it does work ok. The bits that I thought didn’t look good was just because of the color of other elements in my UI. I fixed that and I think it looks fine. I guess this is the correct answer though, so I’ll choose it as such.

duke_meister | 2016-03-28 07:53

Try Blend mode of Panel too.
You could have better look if change Blend mode Mix to Mul

volzhs | 2016-03-28 11:51