make buttons ripple

.config/quickshell/modules/sidebarRight/calendar/CalendarDayButton.qml

@@ -5,7 +5,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-Button {
+RippleButton {
     id: button
     property string day
     property int isToday
@@ -17,20 +17,8 @@ Button {
     implicitWidth: 38; 
     implicitHeight: 38;
 
-    background: Rectangle {
-        anchors.fill: parent
-        radius: Appearance.rounding.full
-        color: (isToday == 1) ? ((interactable && button.down) ? Appearance.colors.colPrimaryActive : 
-            (interactable && button.hovered) ? Appearance.colors.colPrimaryHover : 
-            Appearance.m3colors.m3primary) : 
-            (interactable && button.down) ? Appearance.colors.colLayer1Active : 
-            (interactable && button.hovered) ? Appearance.colors.colLayer1Hover : 
-            ColorUtils.transparentize(Appearance.colors.colLayer1, 1)
-
-        Behavior on color {
-            animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
-        }
-    }
+    toggled: (isToday == 1)
+    buttonRadius: Appearance.rounding.small
     
     contentItem: StyledText {
         anchors.fill: parent

.config/quickshell/modules/sidebarRight/calendar/CalendarHeaderButton.qml

@@ -4,7 +4,7 @@ import QtQuick
 import QtQuick.Controls
 import QtQuick.Layouts
 
-Button {
+RippleButton {
     id: button
     property string buttonText: ""
     property string tooltipText: ""
@@ -18,18 +18,12 @@ Button {
         }
     }
 
-    PointingHandInteraction {}
+    background.anchors.fill: button
+    buttonRadius: Appearance.rounding.full
+    colBackground: Appearance.colors.colLayer2
+    colBackgroundHover: Appearance.colors.colLayer2Hover
+    colRipple: Appearance.colors.colLayer2Active
 
-    background: Rectangle {
-        anchors.fill: parent
-        radius: Appearance.rounding.full
-        color: (button.down) ? Appearance.colors.colLayer2Active : (button.hovered ? Appearance.colors.colLayer2Hover : Appearance.colors.colLayer2)
-
-        Behavior on color {
-            animation: Appearance.animation.elementMoveFast.colorAnimation.createObject(this)
-        }
-
-    }
     contentItem: StyledText {
         text: buttonText
         horizontalAlignment: Text.AlignHCenter