Can I blur/fade background when popup is open?

[Evgene Karachevtsev]

Hello Taiye,

Sorry, I'm not sure I understand you correctly, could you please specify your question with some screenshots?

[Taiye]

Ok. Here we go.
On the editing mode for a popup. There is a set of overlay-themes available to choose from. I observed that selecting themes A to G has the same effect on the background. It just slightly fade-off/blur (see attachment). Only the Transparent theme option gives a different background from others by simply retaining its primary theme.

My desire is to be able to make this background a bit darker through some css manipulation. I hope this is clear. Thanks a lot.

[Taiye]

Hello Evgene,
I don't know if you are clear with my goal here and if it is possible. All I want to achieve is to make the overlay (background) a bit darker so that the popup can come out conspicuously brighter. Thank you.

[Alena Prykhodko]

Dear Taiye,

I hope this is what you mean https://devcenter.appery.io/documenta..., you can set up page background in this way.

[Taiye]

Thanks Alena for this pointer.

I effect changes on the background-color property of the class ui-popup-screen.in as shown below and achieved my aim.

.ui-popup-screen.in {
background-color: #1b1010 !important;
}

Brilliant. Appreciated.