Change color of SwipeDelegate when pressed - qt

Question

I have a simple Qt Quick application containing a ListView with a few SwipeDelegates.
import QtQuick 2.12
import QtQuick.Controls 2.15
import QtQuick.Window 2.12
Window {
width: 640
height: 480
visible: true
title: qsTr("Hello World")
ListView {
id: list
anchors.fill: parent
model: ListModel {
id: listView
ListElement { name: "Element 1" }
ListElement { name: "Element 2" }
ListElement { name: "Element 3" }
ListElement { name: "Element 4" }
}
delegate: SwipeDelegate {
contentItem: Text {
width: parent.width
text: name
}
swipe.right: Label {
id: deleteLabel
text: qsTr("Delete")
color: "white"
verticalAlignment: Label.AlignVCenter
padding: 12
height: parent.height
anchors.right: parent.right
background: Rectangle {
color: deleteLabel.SwipeDelegate.pressed ? Qt.darker("tomato", 1.1) : "tomato"
}
}
}
}
}
Without setting any background color they show up with a grey background which gets darker if I press (or press and hold) an item:
I want to change that 'highlighted' color to something else, for example green. I was hoping setting the background color based on the onPressed event would help me, but adding background: Rectangle { color: "green" } to the SwipeDelegate as a test removes the darker 'highlight' on pressing entirely.
Is there a way to customize the highlight color?

Answer 1

If it's a style that supports palettes, you can set the relevant palette role. For the Default style ("Basic" in Qt 6), it assigns its background colour like so:
color: Color.blend(control.down ? control.palette.midlight : control.palette.light,
control.palette.highlight, control.visualFocus ? 0.15 : 0.0)
So if you're using that style, you can set that property on the delegate:
palette.midlight: "green"
If the style doesn't support palettes, you have a few options:
Create a Binding to the relevant property.
Assign a colour in Component.onCompleted.
Write your own background.