Qt/QML - How to customize Popup dimming effect?

Question

Hi is there a way to customize the dimming effect of the Popup when modal === true? I want the surrounding area of the Popup to be dimmed more.

Answer 1

You can customize the dimming effect by overriding the Overlay.modal attached property. See the docs here

Popup {
    id: popup
    width: 400
    height: 400
    modal: true
    visible: true

    Overlay.modal: Rectangle {
        color: "#aacfdbe7"  // Use whatever color/opacity you like
    }
}