internal: better colourisation

6 files changed, 14 insertions, 41 deletions

diff --git a/modules/bar/components/OsIcon.qml b/modules/bar/components/OsIcon.qml
index 8418902..ed6da5d 100644
--- a/modules/bar/components/OsIcon.qml
+++ b/modules/bar/components/OsIcon.qml
@@ -1,15 +1,10 @@
 import qs.components.effects
 import qs.services
-import qs.utils
 import qs.config
-import Quickshell.Widgets
+import qs.utils
 
-IconImage {
+ColouredIcon {
     source: SysInfo.osLogo
     implicitSize: Appearance.font.size.large * 1.2
-
-    layer.enabled: true
-    layer.effect: Colouriser {
-        colorizationColor: Colours.palette.m3tertiary
-    }
+    colour: Colours.palette.m3tertiary
 }
diff --git a/modules/bar/components/workspaces/ActiveIndicator.qml b/modules/bar/components/workspaces/ActiveIndicator.qml
index b18cac2..3167d6e 100644
--- a/modules/bar/components/workspaces/ActiveIndicator.qml
+++ b/modules/bar/components/workspaces/ActiveIndicator.qml
@@ -51,6 +51,7 @@ StyledRect {
 
     Colouriser {
         source: root.mask
+        sourceColor: Colours.palette.m3onSurface
         colorizationColor: Colours.palette.m3onPrimary
 
         x: 0
diff --git a/modules/dashboard/dash/User.qml b/modules/dashboard/dash/User.qml
index e45153e..ffdc72a 100644
--- a/modules/dashboard/dash/User.qml
+++ b/modules/dashboard/dash/User.qml
@@ -5,7 +5,6 @@ import qs.services
 import qs.config
 import qs.utils
 import Quickshell
-import Quickshell.Widgets
 import QtQuick
 
 Row {
@@ -119,7 +118,7 @@ Row {
             implicitWidth: icon.implicitWidth + text.width + text.anchors.leftMargin
             implicitHeight: Math.max(icon.implicitHeight, text.implicitHeight)
 
-            IconImage {
+            ColouredIcon {
                 id: icon
 
                 anchors.left: parent.left
@@ -127,11 +126,7 @@ Row {
 
                 source: SysInfo.osLogo
                 implicitSize: Math.floor(Appearance.font.size.normal * 1.34)
-
-                layer.enabled: true
-                layer.effect: Colouriser {
-                    colorizationColor: Colours.palette.m3primary
-                }
+                colour: Colours.palette.m3primary
             }
 
             StyledText {
diff --git a/modules/lock/Fetch.qml b/modules/lock/Fetch.qml
index ce64c8c..8f82e88 100644
--- a/modules/lock/Fetch.qml
+++ b/modules/lock/Fetch.qml
@@ -1,12 +1,10 @@
 pragma ComponentBehavior: Bound
 
 import qs.components
-import qs.components.widgets
 import qs.components.effects
 import qs.services
 import qs.config
 import qs.utils
-import Quickshell.Widgets
 import Quickshell.Services.UPower
 import QtQuick
 import QtQuick.Layouts
@@ -149,15 +147,11 @@ ColumnLayout {
         visible: active
     }
 
-    component OsLogo: IconImage {
+    component OsLogo: ColouredIcon {
         source: SysInfo.osLogo
         implicitSize: height
-        asynchronous: true
-
+        colour: Colours.palette.m3primary
         layer.enabled: Config.lock.recolourLogo || SysInfo.isDefaultLogo
-        layer.effect: Colouriser {
-            colorizationColor: Colours.palette.m3primary
-        }
     }
 
     component FetchText: MonoText {
diff --git a/modules/lock/NotifGroup.qml b/modules/lock/NotifGroup.qml
index b119503..9af3947 100644
--- a/modules/lock/NotifGroup.qml
+++ b/modules/lock/NotifGroup.qml
@@ -62,15 +62,11 @@ StyledRect {
             Component {
                 id: appIconComp
 
-                IconImage {
+                ColouredIcon {
                     implicitSize: Math.round(Config.notifs.sizes.image * 0.6)
                     source: Quickshell.iconPath(root.appIcon)
-                    asynchronous: true
-
+                    colour: root.urgency === "critical" ? Colours.palette.m3onError : root.urgency === "low" ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
                     layer.enabled: root.appIcon.endsWith("symbolic")
-                    layer.effect: Colouriser {
-                        colorizationColor: root.urgency === "critical" ? Colours.palette.m3onError : root.urgency === "low" ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
-                    }
                 }
             }
 
@@ -109,16 +105,12 @@ StyledRect {
                     color: root.urgency === "critical" ? Colours.palette.m3error : root.urgency === "low" ? Colours.palette.m3surfaceContainerHighest : Colours.palette.m3secondaryContainer
                     radius: Appearance.rounding.full
 
-                    IconImage {
+                    ColouredIcon {
                         anchors.centerIn: parent
                         implicitSize: Math.round(Config.notifs.sizes.badge * 0.6)
                         source: Quickshell.iconPath(root.appIcon)
-                        asynchronous: true
-
+                        colour: root.urgency === "critical" ? Colours.palette.m3onError : root.urgency === "low" ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
                         layer.enabled: root.appIcon.endsWith("symbolic")
-                        layer.effect: Colouriser {
-                            colorizationColor: root.urgency === "critical" ? Colours.palette.m3onError : root.urgency === "low" ? Colours.palette.m3onSurface : Colours.palette.m3onSecondaryContainer
-                        }
                     }
                 }
             }
diff --git a/modules/notifications/Notification.qml b/modules/notifications/Notification.qml
index 73bfce2..d1426fa 100644
--- a/modules/notifications/Notification.qml
+++ b/modules/notifications/Notification.qml
@@ -162,15 +162,11 @@ StyledRect {
                         width: Math.round(parent.width * 0.6)
                         height: Math.round(parent.width * 0.6)
 
-                        sourceComponent: IconImage {
+                        sourceComponent: ColouredIcon {
                             anchors.fill: parent
                             source: Quickshell.iconPath(root.modelData.appIcon)
-                            asynchronous: true
-
+                            colour: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onTertiaryContainer
                             layer.enabled: root.modelData.appIcon.endsWith("symbolic")
-                            layer.effect: Colouriser {
-                                colorizationColor: root.modelData.urgency === NotificationUrgency.Critical ? Colours.palette.m3onError : root.modelData.urgency === NotificationUrgency.Low ? Colours.palette.m3onSurface : Colours.palette.m3onTertiaryContainer
-                            }
                         }
                     }