@@ -40,9 +40,7 @@ Item {
4040 property int paginationCount: 0
4141 property int paginationIndex: -1
4242
43− // TODO We should use foreground for the icons
44− // of the toolbar but unfortunately Action does not have
45− // the keyColor property as Icon does :-/
43+ property var scope: null
4644 property var scopeStyle: null
4745
4846 signal backClicked()
@@ -369,18 +367,26 @@ Item {
369367 }
370368
371369 // FIXME this doesn't work with solid scope backgrounds due to z-ordering
372− Rectangle {
370+ Item {
371+ id: bottomHighlight
373372 visible: bottomBorder.visible
374373 anchors {
375374 top: bottomContainer.top
376375 left: parent.left
377376 right: parent.right
378377 }
378+ z: 1
379379 height: units.dp(1)
380380 opacity: 0.6
381− color: scopeStyle ?
382− Qt.lighter(Qt.rgba(scopeStyle.background.r, scopeStyle.background.g, scopeStyle.background.b, 1.0), 1.2) :
383− "#CCFFFFFF"
381+
382+ // FIXME this should be a shader when bottomContainer.height != 0
383+ // to support image backgrounds
384+ Rectangle {
385+ anchors.fill: parent
386+ color: scopeStyle && bottomContainer.height === 0 ?
387+ Qt.lighter(Qt.rgba(scopeStyle.background.r, scopeStyle.background.g, scopeStyle.background.b, 1.0), 1.2) :
388+ "#CCFFFFFF"
389+ }
384390 }
385391
386392 Item {