1 files changed, 40 insertions, 9 deletions

diff --git a/accounts/gkleen@sif/shell/quickshell/SystemTray.qml b/accounts/gkleen@sif/shell/quickshell/SystemTray.qml
index 956f3995..351e74ee 100644
--- a/accounts/gkleen@sif/shell/quickshell/SystemTray.qml
+++ b/accounts/gkleen@sif/shell/quickshell/SystemTray.qml
@@ -1,4 +1,5 @@
 import QtQuick
+import QtQuick.Effects
 import Quickshell
 import Quickshell.Widgets
 import Quickshell.Services.SystemTray
@@ -28,6 +29,9 @@ Item {
       delegate: Item {
         id: trayItemWrapper
 
+        required property var modelData
+        required property int index
+
         property var trayItem: modelData
         property string iconSource: {
           let icon = trayItem && trayItem.icon
@@ -47,7 +51,7 @@ Item {
           return ""
         }
 
-        width: 16
+        width: icon.width + 6
         height: parent.height
         anchors.verticalCenter: parent.verticalCenter
 
@@ -83,14 +87,41 @@ Item {
             }
           }
 
-          IconImage {
-            anchors.centerIn: parent
-            width: parent.width
-            height: parent.width
-            source: trayItemWrapper.iconSource
-            asynchronous: true
-            smooth: true
-            mipmap: true
+          Rectangle {
+            anchors.fill: parent
+            color: {
+              if (trayItemArea.containsMouse)
+                return "#33808080";
+              return "transparent";
+            }
+
+            Item {
+              anchors.fill: parent
+
+              layer.enabled: true
+              layer.effect: MultiEffect {
+                colorization: 1
+                colorizationColor: "#555"
+              }
+
+              IconImage {
+                id: icon
+
+                anchors.centerIn: parent
+                implicitSize: 16
+                source: trayItemWrapper.iconSource
+                asynchronous: true
+                smooth: true
+                mipmap: true
+
+                layer.enabled: true
+                layer.effect: MultiEffect {
+                  id: effect
+
+                  brightness: 1
+                }
+              }
+            }
           }
         }