diff --git a/applet/contents/ui/ListItemBase.qml b/applet/contents/ui/ListItemBase.qml --- a/applet/contents/ui/ListItemBase.qml +++ b/applet/contents/ui/ListItemBase.qml @@ -126,15 +126,19 @@ } RowLayout { - PlasmaCore.IconItem { - readonly property bool isPlayback: type.substring(0, 4) == "sink" - Layout.preferredWidth: units.iconSizes.small - Layout.preferredHeight: Layout.preferredWidth - source: Icon.name(Volume, Muted, isPlayback ? "audio-volume" : "microphone-sensitivity") + PlasmaComponents.ToolButton { + Layout.preferredHeight: units.iconSizes.small + Layout.preferredWidth: Layout.preferredHeight + onClicked: Muted = !Muted - MouseArea { + PlasmaCore.IconItem { anchors.fill: parent - onPressed: Muted = !Muted + readonly property bool isPlayback: type.substring(0, 4) == "sink" + source: Icon.name(Volume, Muted, isPlayback ? "audio-volume" : "microphone-sensitivity") + + // From Plasma's ToolButtonStyle: + active: parent.hovered + colorGroup: parent.hovered ? PlasmaCore.Theme.ButtonColorGroup : PlasmaCore.ColorScope.colorGroup } }