wallpaperPicker select color

modules/wp/WallpaperPicker.qml

@@ -43,7 +43,7 @@ PanelWindow {
 
                 radius: 12
                 color: "#2b2b2b"
-                border.color: filterText.activeFocus ? "#4da3ff" : "#555"
+                border.color: filterText.activeFocus ? Colors.tertiary : Colors.primary
                 border.width: 1
             }
 
@@ -60,7 +60,7 @@ PanelWindow {
 
             width: parent.width - 35
             height: parent.height - 100
-            color: Qt.alpha(Colors.surfaceContainer, 0.5)
+            color: Colors.surfaceContainer
             radius: 10
 
             clip: true
@@ -116,9 +116,10 @@ PanelWindow {
 
                     // pictures + text
                     delegate: Rectangle {
-                        width: grid.cellWidth
-                        height: grid.cellHeight
-                        color: "transparent"
+                        width:  grid.cellWidth -10 
+                        height: grid.cellHeight -25
+                        color: mouseArea.containsMouse ? Qt.alpha(Colors.surfaceContainerHover, 0.5) : "transparent"
+                        radius: 10
 
                         Column {
                             spacing: 20
@@ -205,7 +206,7 @@ PanelWindow {
                 anchors.fill: parent
                 radius: 10
                 color: "transparent"
-                border.color: Colors.outline
+                border.color: Colors.primary
                 border.width: 1
                 z: 999   
             }