a gradient for contrast

containments/panel/package/contents/ui/main.qml

@@ -167,8 +167,16 @@ Item {
         height: root.height
         Rectangle {
             anchors.fill: parent
-            color: PlasmaCore.ColorScope.backgroundColor
-            opacity: showingApp
+            gradient: Gradient {
+                GradientStop {
+                    position: 1.0
+                    color: showingApp ? icons.backgroundColor : "transparent"
+                }
+                GradientStop {
+                    position: 0.0
+                    color: showingApp ? icons.backgroundColor : Qt.rgba(0, 0, 0, 0.2)
+                }
+            }
         }
 
         Loader {

containments/taskpanel/package/contents/ui/main.qml

@@ -116,7 +116,7 @@ PlasmaCore.ColorScope {
             anchors.fill: parent
 
             visible: plasmoid.configuration.PanelButtonsVisible
-
+/*
             Rectangle {
                 anchors.fill: parent
                 color: root.backgroundColor
@@ -131,6 +131,19 @@ PlasmaCore.ColorScope {
                     color: PlasmaCore.ColorScope.textColor
                     opacity: 0.2
                 }
+            }*/
+            Rectangle {
+                anchors.fill: parent
+                gradient: Gradient {
+                    GradientStop {
+                        position: 0
+                        color: showingApp ? PlasmaCore.ColorScope.backgroundColor : "transparent"
+                    }
+                    GradientStop {
+                        position: 1
+                        color: showingApp ? PlasmaCore.ColorScope.backgroundColor : Qt.rgba(0, 0, 0, 0.2)
+                    }
+                }
             }
 
             Button {