SchemeDownloader: make schemes look more similar to ColorSchemeTab ones

Modules/Panels/Settings/Tabs/ColorScheme/SchemeDownloader.qml

@@ -810,13 +810,18 @@ Popup {
           model: availableSchemes
 
           Rectangle {
+            id: schemeItem
             Layout.fillWidth: true
             Layout.preferredHeight: 50 * Style.uiScaleRatio
             radius: Style.radiusS
             property string schemeName: modelData.name
-            color: root.getSchemeColor(schemeName, "mSurfaceVariant")
-            border.width: Style.borderS
-            border.color: Color.mOutline
+            color: root.getSchemeColor(schemeName, "mSurface")
+            border.width: Style.borderL
+            border.color: hoverHandler.hovered ? root.getSchemeColor(schemeName, "mPrimary") : Color.mOutline
+
+            HoverHandler {
+              id: hoverHandler
+            }
 
             Behavior on color {
               ColorAnimation {
@@ -825,6 +830,13 @@ Popup {
               }
             }
 
+            Behavior on border.color {
+              ColorAnimation {
+                duration: Style.animationFast
+                easing.type: Easing.InOutCubic
+              }
+            }
+
             Component.onCompleted: {
               if (root.visible && !root.schemeColorsCache[schemeName]) {
                 root.fetchSchemeColors(modelData);
@@ -847,17 +859,10 @@ Popup {
               NText {
                 text: schemeRow.schemeName
                 pointSize: Style.fontSizeS
-                color: root.getSchemeColor(schemeRow.schemeName, "mOnSurface")
+                color: Color.mOnSurface
                 Layout.fillWidth: true
                 elide: Text.ElideRight
                 Layout.alignment: Qt.AlignVCenter
-
-                Behavior on color {
-                  ColorAnimation {
-                    duration: Style.animationFast
-                    easing.type: Easing.InOutCubic
-                  }
-                }
               }
 
               // Color swatches