diff --git a/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml b/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
index bf1bfebf861..1e17ccd7f99 100644
--- a/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
+++ b/share/qtcreator/qml/qmlpuppet/mockfiles/EditView3D.qml
@@ -174,11 +174,14 @@ Window {
     }
 
     Rectangle {
-        id: sceneBg
-        color: "#FFFFFF"
         anchors.fill: parent
         focus: true
 
+        gradient: Gradient {
+            GradientStop { position: 1.0; color: "#222222" }
+            GradientStop { position: 0.0; color: "#999999" }
+        }
+
         TapHandler { // check tapping/clicking an object in the scene
             onTapped: {
                 var pickResult = editView.pick(eventPoint.scenePosition.x,
@@ -397,31 +400,45 @@ Window {
         selectedNode : viewWindow.selectedNode ? selectionBox.model : null
     }
 
-    Column {
+    Item {
         anchors.left: parent.left
         anchors.bottom: parent.bottom
-        CheckBox {
-            id: editLightCheckbox
-            checked: false
-            text: qsTr("Use Edit View Light")
+        width: 200
+        height: 120
+
+        Rectangle {
+            anchors.fill: parent
+            color: "white"
+            opacity: 0.3
         }
 
-        CheckBox {
-            id: usePerspectiveCheckbox
-            checked: true
-            text: qsTr("Use Perspective Projection")
-            onCheckedChanged: _generalHelper.requestOverlayUpdate()
-        }
+        Column {
+            anchors.left: parent.left
+            anchors.bottom: parent.bottom
+            CheckBox {
+                id: editLightCheckbox
+                checked: false
+                text: qsTr("Use Edit View Light")
+            }
 
-        CheckBox {
-            id: globalControl
-            checked: true
-            text: qsTr("Use Global Orientation")
+            CheckBox {
+                id: usePerspectiveCheckbox
+                checked: true
+                text: qsTr("Use Perspective Projection")
+                onCheckedChanged: _generalHelper.requestOverlayUpdate()
+            }
+
+            CheckBox {
+                id: globalControl
+                checked: true
+                text: qsTr("Use Global Orientation")
+            }
         }
     }
 
     Text {
         id: helpText
+        color: "white"
         text: qsTr("Camera controls: ALT + mouse press and drag. Left: Rotate, Middle: Pan, Right/Wheel: Zoom.")
         anchors.bottom: parent.bottom
     }