dashboard

Components/ColoredIcon.qml

@@ -0,0 +1,35 @@
+pragma ComponentBehavior: Bound
+
+import ZShell
+import Quickshell.Widgets
+import QtQuick
+
+IconImage {
+    id: root
+
+    required property color color
+
+    asynchronous: true
+
+    layer.enabled: true
+    layer.effect: Coloriser {
+        sourceColor: analyser.dominantColour
+        colorizationColor: root.color
+    }
+
+    layer.onEnabledChanged: {
+        if (layer.enabled && status === Image.Ready)
+            analyser.requestUpdate();
+    }
+
+    onStatusChanged: {
+        if (layer.enabled && status === Image.Ready)
+            analyser.requestUpdate();
+    }
+
+    ImageAnalyser {
+        id: analyser
+
+        sourceItem: root
+    }
+}

Components/Coloriser.qml

@@ -0,0 +1,14 @@
+import QtQuick
+import QtQuick.Effects
+import qs.Modules
+
+MultiEffect {
+    property color sourceColor: "black"
+
+    colorization: 1
+    brightness: 1 - sourceColor.hslLightness
+
+    Behavior on colorizationColor {
+        CAnim {}
+    }
+}

Components/Ref.qml

@@ -0,0 +1,8 @@
+import QtQuick
+
+QtObject {
+    required property var service
+
+    Component.onCompleted: service.refCount++
+    Component.onDestruction: service.refCount--
+}