[plasma/union] src: Add styling for modal overlays behind dialogs

Git commit 466b2a419b2c69d9f1de47c06f0d2b689186bc16 by Arjen Hiemstra.
Committed on 04/08/2026 at 07:51.
Pushed by ahiemstra into branch 'master'.

Add styling for modal overlays behind dialogs

Apparently we were missing this.

BUG: 523141

M  +5    -0    src/input/css/styles/breeze/popup.css
M  +16   -0    src/output/qtquick/style/Dialog.qml

https://invent.kde.org/plasma/union/-/commit/466b2a419b2c69d9f1de47c06f0d2b689186bc16

diff --git a/src/input/css/styles/breeze/popup.css b/src/input/css/styles/breeze/popup.css
index f5d8d97f..434987c6 100644
--- a/src/input/css/styles/breeze/popup.css
+++ b/src/input/css/styles/breeze/popup.css
@@ -34,6 +34,11 @@ menu, popup
     }
 }
 
+overlay.modal
+{
+    background-color: rgba(0, 0, 0, 0.3);
+}
+
 menu
 {
     padding: var(--small-spacing);
diff --git a/src/output/qtquick/style/Dialog.qml b/src/output/qtquick/style/Dialog.qml
index 081b8fdb..d1d148e8 100644
--- a/src/output/qtquick/style/Dialog.qml
+++ b/src/output/qtquick/style/Dialog.qml
@@ -53,4 +53,20 @@ T.Dialog {
     footer: DialogButtonBox {
         visible: count > 0
     }
+
+    T.Overlay.modal: Union.StyledRectangle {
+        Union.Element.type: "Overlay"
+        Union.Element.hints: [
+            Union.ElementHint { name: "dialog" },
+            Union.ElementHint { name: "modal" }
+        ]
+    }
+
+    T.Overlay.modeless: Union.StyledRectangle {
+        Union.Element.type: "Overlay"
+        Union.Element.hints: [
+            Union.ElementHint { name: "dialog" },
+            Union.ElementHint { name: "modeless" }
+        ]
+    }
 }