1 files changed, 54 insertions, 26 deletions

diff --git a/accounts/gkleen@sif/shell/quickshell/SystemTray.qml b/accounts/gkleen@sif/shell/quickshell/SystemTray.qml
index 6f70be29..f7b4ed96 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
@@ -91,15 +95,32 @@ Item {
               return "transparent";
             }
 
-            IconImage {
-              id: icon
+            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
 
-              anchors.centerIn: parent
-              implicitSize: 16
-              source: trayItemWrapper.iconSource
-              asynchronous: true
-              smooth: true
-              mipmap: true
+                  brightness: 1
+                }
+              }
             }
           }
         }
@@ -134,32 +155,39 @@ Item {
             hoverEnabled: true
             enabled: true
 
-            margin: 8
+            margin: 4
 
-            Column {
-              Text {
-                id: tooltipTitle
+            anchors.fill: parent
 
-                enabled: trayItem.tooltipTitle
+            Item {
+              anchors.fill: parent
 
-                font.pointSize: 10
-                font.family: "Fira Sans"
-                font.bold: true
-                color: "white"
+              Column {
+                anchors.centerIn: parent
+                Text {
+                  id: tooltipTitle
 
-                text: trayItem.tooltipTitle
-              }
+                  enabled: trayItem.tooltipTitle
+
+                  font.pointSize: 10
+                  font.family: "Fira Sans"
+                  font.bold: true
+                  color: "white"
+
+                  text: trayItem.tooltipTitle
+                }
 
-              Text {
-                id: tooltipDescription
+                Text {
+                  id: tooltipDescription
 
-                enabled: trayItem.tooltipDescription
+                  enabled: trayItem.tooltipDescription
 
-                font.pointSize: 10
-                font.family: "Fira Sans"
-                color: "white"
+                  font.pointSize: 10
+                  font.family: "Fira Sans"
+                  color: "white"
 
-                text: trayItem.tooltipDescription
+                  text: trayItem.tooltipDescription
+                }
               }
             }
           }