feat: use multieffect instead of qt5compat

Also use loader for tray icon recolouring

1 files changed, 17 insertions, 10 deletions

diff --git a/modules/bar/components/TrayItem.qml b/modules/bar/components/TrayItem.qml
index 1d418dc..b7ffdec 100644
--- a/modules/bar/components/TrayItem.qml
+++ b/modules/bar/components/TrayItem.qml
@@ -1,9 +1,11 @@
+pragma ComponentBehavior: Bound
+
 import "root:/config"
 import Quickshell
 import Quickshell.Widgets
 import Quickshell.Services.SystemTray
 import QtQuick
-import Qt5Compat.GraphicalEffects
+import QtQuick.Effects
 
 MouseArea {
     id: root
@@ -46,17 +48,22 @@ MouseArea {
         anchors.fill: parent
     }
 
-    ColorOverlay {
-        visible: BarConfig.tray.recolourIcons
+    Loader {
         anchors.fill: icon
-        source: icon
-        color: root.colour
+        active: BarConfig.tray.recolourIcons
+        asynchronous: true
+
+        sourceComponent: MultiEffect {
+            source: icon
+            colorizationColor: root.colour
+            colorization: 1
 
-        Behavior on color {
-            ColorAnimation {
-                duration: Appearance.anim.durations.normal
-                easing.type: Easing.BezierSpline
-                easing.bezierCurve: Appearance.anim.curves.standard
+            Behavior on colorizationColor {
+                ColorAnimation {
+                    duration: Appearance.anim.durations.normal
+                    easing.type: Easing.BezierSpline
+                    easing.bezierCurve: Appearance.anim.curves.standard
+                }
             }
         }
     }