make buttons ripple

.config/quickshell/modules/sidebarRight/quickToggles/QuickToggleButton.qml

@@ -5,41 +5,27 @@ import QtQuick
 import QtQuick.Controls
 import Quickshell.Io
 
-Button {
+RippleButton {
     id: button
-
-    property bool toggled
     property string buttonIcon
+    toggled: false
+    buttonRadius: Appearance?.rounding?.full ?? 9999
 
     implicitWidth: 40
     implicitHeight: 40
 
-    PointingHandInteraction {}
-
-    background: Rectangle {
-        anchors.fill: parent
-        radius: Appearance.rounding.full
-        color: toggled ? 
-            (button.down ? Appearance.colors.colPrimaryActive : button.hovered ? Appearance.colors.colPrimaryHover : Appearance.m3colors.m3primary) :
-            (button.down ? Appearance.colors.colLayer1Active : button.hovered ? Appearance.colors.colLayer1Hover : ColorUtils.transparentize(Appearance.colors.colLayer1Hover, 1))
+    contentItem: MaterialSymbol {
+        anchors.centerIn: parent
+        iconSize: Appearance.font.pixelSize.larger
+        fill: toggled ? 1 : 0
+        color: toggled ? Appearance.m3colors.m3onPrimary : Appearance.colors.colOnLayer1
+        horizontalAlignment: Text.AlignHCenter
+        verticalAlignment: Text.AlignVCenter
+        text: buttonIcon
 
         Behavior on color {
             animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
-
         }
-        
-        MaterialSymbol {
-            anchors.centerIn: parent
-            iconSize: Appearance.font.pixelSize.larger
-            fill: toggled ? 1 : 0
-            text: buttonIcon
-            color: toggled ? Appearance.m3colors.m3onPrimary : Appearance.colors.colOnLayer1
-
-            Behavior on color {
-                animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
-            }
-        }
-
     }
 
 }