themed icons in tray, misc tweaks

modules/Flyout.qml

@@ -44,6 +44,7 @@ PanelWindow {
         id: label
         anchors.centerIn: parent
         text: M.FlyoutState.text
+        textFormat: Text.RichText
         color: M.Theme.base05
         font.pixelSize: M.Theme.fontSize
         font.family: M.Theme.fontFamily

modules/Mpris.qml

@@ -28,7 +28,7 @@ M.BarSection {
         anchors.verticalCenter: parent.verticalCenter
     }
     M.BarLabel {
-        label: root.player?.identity ?? ""
+        label: root.player?.trackTitle || root.player?.identity || ""
         anchors.verticalCenter: parent.verticalCenter
     }
 

modules/ThemedIcon.qml

@@ -0,0 +1,16 @@
+import QtQuick
+import QtQuick.Effects
+
+Image {
+    id: root
+
+    required property color tint
+
+    fillMode: Image.PreserveAspectFit
+
+    layer.enabled: true
+    layer.effect: MultiEffect {
+        colorization: 1.0
+        colorizationColor: root.tint
+    }
+}

modules/Tray.qml

@@ -20,10 +20,10 @@ RowLayout {
             implicitWidth: 18
             implicitHeight: 18
 
-            Image {
+            M.ThemedIcon {
                 anchors.fill: parent
                 source: iconItem.modelData.icon
-                fillMode: Image.PreserveAspectFit
+                tint: M.Theme.base05
             }
 
             HoverHandler {

modules/qmldir

@@ -11,6 +11,7 @@ Clock 1.0 Clock.qml
 Volume 1.0 Volume.qml
 Tray 1.0 Tray.qml
 TrayMenu 1.0 TrayMenu.qml
+ThemedIcon 1.0 ThemedIcon.qml
 Battery 1.0 Battery.qml
 Mpris 1.0 Mpris.qml
 Network 1.0 Network.qml