@@ -142,6 +142,19 @@ FocusScope {
142142 readonly property string category: categoryId
143143 readonly property var item: rendererLoader.item
144144
145+ Image {
146+ id: bottomGradient
147+ anchors {
148+ bottom: parent.bottom
149+ left: parent.left
150+ right: parent.right
151+ }
152+ fillMode: Image.Stretch
153+ verticalAlignment: Image.AlignBottom
154+ source: "graphics/dash_divider_top_darkgrad.png"
155+ z: -1
156+ }
157+
145158 Loader {
146159 id: rendererLoader
147160 anchors {
@@ -287,6 +300,19 @@ FocusScope {
287300 else
288301 categoryView.expandedCategoryId = "";
289302 }
303+
304+ Image {
305+ id: topGradient
306+ anchors {
307+ top: parent.top
308+ left: parent.left
309+ right: parent.right
310+ }
311+ fillMode: Image.Stretch
312+ verticalAlignment: Image.AlignTop
313+ source: "graphics/dash_divider_top_lightgrad.png"
314+ z: -1
315+ }
290316 }
291317 pageHeader: Item {
292318 implicitHeight: scopeView.tabBarHeight