1 files changed, 45 insertions, 10 deletions

diff --git a/accounts/gkleen@sif/shell/quickshell/SystemTray.qml b/accounts/gkleen@sif/shell/quickshell/SystemTray.qml
index 55b1690e..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
+                }
+              }
+            }
           }
         }
 
@@ -116,7 +147,7 @@ Item {
           color: "black"
 
           implicitWidth: Math.max(tooltipTitle.contentWidth, tooltipDescription.contentWidth) + 16
-          implicitHeight: tooltipTitle.contentHeight + tooltipDescription.contentHeight + 16
+          implicitHeight: (trayItem.tooltipTitle ? tooltipTitle.contentHeight : 0) + (trayItem.tooltipDescription ? tooltipDescription.contentHeight : 0) + 16
 
           WrapperMouseArea {
             id: tooltipMouseArea
@@ -130,6 +161,8 @@ Item {
               Text {
                 id: tooltipTitle
 
+                enabled: trayItem.tooltipTitle
+
                 font.pointSize: 10
                 font.family: "Fira Sans"
                 font.bold: true
@@ -141,6 +174,8 @@ Item {
               Text {
                 id: tooltipDescription
 
+                enabled: trayItem.tooltipDescription
+
                 font.pointSize: 10
                 font.family: "Fira Sans"
                 color: "white"